昨天看了一下google map的调用方式,把一些重要的记录一下吧。
首先创建地图 var map=ne wGMap2(mapdiv);
然后, 可以加一个缩略图, map.addControl(new GOverviewMapControl ());
一般的会设置以某个地方为中心比如: map.setCenter(point, 13);而这个point对象是根据
new GLatLng(65.2, -27.1)来得到的(此处是故宫的位置)。
假如你需要通过名字来搜索,可以这样设置中心:
geocoder = new GClientGeocoder();
geocoder.getLatLng(center,function(point) {
if (!point) {
alert(center + "无法定位");
} else {
map.setCenter(point, 13);
}
}
);
这个GClientGeocoder对象就是用于解析地址的,getLatlng方法通过你传入的地址名,回调函数,给你返回poing对象。
一般在body onunload会调用 GUnload(),这个方法可以防止内存泄漏。
我们经常会看到假如你在地图上有一个地方,点击此图标,会有浮动层来显示详细信息,怎么办到的呢,很简单,需要Gmarker对象。
var markerOptions = {title:"测试"+count};
var marker=new GMarker(point,markerOptions);
map.addOverlay(marker);
//标记单击事件监听
GEvent.addListener(marker, "click", function() {
markMarker(marker);//处理marker被点击后的操作,下面有详细实现过程
});
function markMarker(marker){
var shtml= '<table width="383" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4EFF5">' +
'<tr><td class="win3" colspan="2"><strong>景点</strong></td></tr>'+
'<tr><td class="win3" colspan="2">景点景点景点景点景点景点景点景点</td></tr>'+
'</table>';
marker.openInfoWindowHtml(shtml);
}
此时呢,点击你自定义的小图标(marker),则会弹出一个框(自动指向marker),然后显示详细信息。
大致的调用过程就是这样,细节的以后再补吧。
分享到:
相关推荐
谷歌地图 Google Map API V3 中文开发文档 谷歌地图 Google Map API V3 中文开发文档是 Google 公司提供的一种基于 Web 的地图应用程序接口,允许开发者在自己的网站或应用程序中嵌入谷歌地图,以提供地图检索、...
本文将深入探讨GoogleMap谷歌地图API的使用,以及如何通过它实现一个全面的地图工具。 首先,让我们从标题"GoogleMap谷歌地图demo"开始。这个标题暗示我们将会讨论一个基于GoogleMap API开发的示例应用。一个demo...
Google Map API(Application Programming Interface)则是谷歌为开发者提供的接口,允许他们将谷歌地图的功能集成到自己的网站或应用中,提供丰富的地图定制和交互能力。 一、Google Map API基础 Google Map API...
在IT领域,Google Map是一款广泛使用的在线地图服务,它提供了丰富的功能,如定位、导航、路线规划、街景查看等。本应用实例将探讨如何利用Google Map API在离线环境中实现地图服务,这对于那些网络不稳定或者需要在...
利用google map实现轨迹回放利用google map实现轨迹回放
首先,`googleMap根据经纬度获取地理位置`这个标题涉及到的核心技术是Google Maps Geocoding服务。Geocoding是将地址或坐标(经纬度)转换为地理坐标的过程,反之亦然。在Google Maps API中,我们可以使用Geocoding ...
Ext Google Map简易开发框架是一种将流行的JavaScript库ExtJs与Google Maps API相结合的开发方式,用于构建功能丰富的地理信息系统。这个框架允许开发者轻松地在网页上展示地图,管理地图图层,控制图层的可见性,...
Google Map API 是一款强大的工具,它允许开发者在自己的网站或应用程序中嵌入地图功能,提供定位、导航、地理编码、路线规划等多种服务。本示例将深入探讨如何使用 Google Map API,帮助你理解和掌握其核心概念及...
googleMap__谷歌___地图_.ppt
**GoogleMap控件详解** GoogleMap控件是一个用于集成谷歌地图功能到应用程序中的开源组件,尤其在Web开发中被广泛使用。它允许开发者在自己的应用界面中嵌入实时、交互式的地图服务,提供定位、导航、地理编码、...
var map = new google.maps.Map(document.getElementById('map'), { zoom: 8, center: myLatLng }); } ``` 这段代码会在ID为`map`的`div`元素内显示一个中心位于澳大利亚悉尼的地图,缩放级别为8。 谷歌地图API...
【标题】"稻歌Google Map截获器V1.1版安装程序"涉及的主要知识点是利用第三方工具获取和处理Google Map的卫星影像数据。这款软件主要用于帮助用户抓取并保存Google Maps上的卫星图像,以便离线查看或者进行特定分析...
Google Map MarkerCluster 使用簡介 Google Map MarkerCluster 是 Google Map API 中的一個功能強大且實用的工具,它可以幫助開發者快速實現地圖標記的聚合功能。下面是 MarkerCluster 的使用簡介: MarkerCluster...
这个"google map v2 Demo"是展示如何使用API V2创建一个简单的地图应用实例。在这个Demo中,重点是展示如何显示基本的地图视图。 首先,要使用Google Maps API V2,开发者需要在Google Developers Console上注册...
安卓 android google map 谷歌地图
标题 "C++调用GOOGLEMAP代码" 涉及到的是在C++程序中集成和使用Google Maps API的技术。Google Maps API是一个强大的工具,允许开发者在他们的应用程序中嵌入地图、路线规划、地理编码(地址转经纬度)等功能。在C++...
Vue2googlemap是一个专门为Vue 2.x框架设计的插件,它允许开发者在Vue应用中无缝集成Google Maps API。这个插件将Google Maps的强大功能与Vue的声明式渲染相结合,为开发者提供了更方便的方式来创建交互式的地图应用...
在IT行业中,Google Map API是一个强大的工具,它允许开发者集成地图功能到他们的应用程序中,提供丰富的地理定位服务。本文将详细解析如何利用Google Map API实现"基于Google Map API的简单地图"的功能,包括显示...
《手机地图应用:GoogleMap(For S60第三版)深度解析》 手机地图作为现代生活中不可或缺的一部分,为我们的出行提供了极大的便利。GoogleMap作为全球知名的在线地图服务,其手机版在移动设备上同样表现出色,尤其...
google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档