`
AngelAndAngel
  • 浏览: 234781 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

google map 摘抄

阅读更多

 昨天看了一下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),然后显示详细信息。

 

 

  大致的调用过程就是这样,细节的以后再补吧。

1
0
分享到:
评论

相关推荐

    谷歌地图Google Map API V3中文开发文档

    谷歌地图 Google Map API V3 中文开发文档 谷歌地图 Google Map API V3 中文开发文档是 Google 公司提供的一种基于 Web 的地图应用程序接口,允许开发者在自己的网站或应用程序中嵌入谷歌地图,以提供地图检索、...

    GoogleMap谷歌地图demo

    本文将深入探讨GoogleMap谷歌地图API的使用,以及如何通过它实现一个全面的地图工具。 首先,让我们从标题"GoogleMap谷歌地图demo"开始。这个标题暗示我们将会讨论一个基于GoogleMap API开发的示例应用。一个demo...

    谷歌地图GoogleMap

    Google Map API(Application Programming Interface)则是谷歌为开发者提供的接口,允许他们将谷歌地图的功能集成到自己的网站或应用中,提供丰富的地图定制和交互能力。 一、Google Map API基础 Google Map API...

    google map应用实例

    在IT领域,Google Map是一款广泛使用的在线地图服务,它提供了丰富的功能,如定位、导航、路线规划、街景查看等。本应用实例将探讨如何利用Google Map API在离线环境中实现地图服务,这对于那些网络不稳定或者需要在...

    Google map 轨迹回放

    利用google map实现轨迹回放利用google map实现轨迹回放

    googleMap根据经纬度获取地理位置

    首先,`googleMap根据经纬度获取地理位置`这个标题涉及到的核心技术是Google Maps Geocoding服务。Geocoding是将地址或坐标(经纬度)转换为地理坐标的过程,反之亦然。在Google Maps API中,我们可以使用Geocoding ...

    Ext Google Map 简易开发框架

    Ext Google Map简易开发框架是一种将流行的JavaScript库ExtJs与Google Maps API相结合的开发方式,用于构建功能丰富的地理信息系统。这个框架允许开发者轻松地在网页上展示地图,管理地图图层,控制图层的可见性,...

    Google Map API 使用示例

    Google Map API 是一款强大的工具,它允许开发者在自己的网站或应用程序中嵌入地图功能,提供定位、导航、地理编码、路线规划等多种服务。本示例将深入探讨如何使用 Google Map API,帮助你理解和掌握其核心概念及...

    googleMap_谷歌地图

    googleMap__谷歌___地图_.ppt

    GoogleMap控件下载

    **GoogleMap控件详解** GoogleMap控件是一个用于集成谷歌地图功能到应用程序中的开源组件,尤其在Web开发中被广泛使用。它允许开发者在自己的应用界面中嵌入实时、交互式的地图服务,提供定位、导航、地理编码、...

    谷歌MAP_V3中文详解以及一个简单例子

    var map = new google.maps.Map(document.getElementById('map'), { zoom: 8, center: myLatLng }); } ``` 这段代码会在ID为`map`的`div`元素内显示一个中心位于澳大利亚悉尼的地图,缩放级别为8。 谷歌地图API...

    稻歌Google Map截获器V1.1版安装程序

    【标题】"稻歌Google Map截获器V1.1版安装程序"涉及的主要知识点是利用第三方工具获取和处理Google Map的卫星影像数据。这款软件主要用于帮助用户抓取并保存Google Maps上的卫星图像,以便离线查看或者进行特定分析...

    Google Map MarkerCluster使用簡介

    Google Map MarkerCluster 使用簡介 Google Map MarkerCluster 是 Google Map API 中的一個功能強大且實用的工具,它可以幫助開發者快速實現地圖標記的聚合功能。下面是 MarkerCluster 的使用簡介: MarkerCluster...

    google map v2 Demo

    这个"google map v2 Demo"是展示如何使用API V2创建一个简单的地图应用实例。在这个Demo中,重点是展示如何显示基本的地图视图。 首先,要使用Google Maps API V2,开发者需要在Google Developers Console上注册...

    安卓 谷歌地图 演示源码android google map

    安卓 android google map 谷歌地图

    C++调用GOOGLEMAP代码

    标题 "C++调用GOOGLEMAP代码" 涉及到的是在C++程序中集成和使用Google Maps API的技术。Google Maps API是一个强大的工具,允许开发者在他们的应用程序中嵌入地图、路线规划、地理编码(地址转经纬度)等功能。在C++...

    vue2googlemap基于Vue2x和google地图组件

    Vue2googlemap是一个专门为Vue 2.x框架设计的插件,它允许开发者在Vue应用中无缝集成Google Maps API。这个插件将Google Maps的强大功能与Vue的声明式渲染相结合,为开发者提供了更方便的方式来创建交互式的地图应用...

    基于Google Map API的简单地图

    在IT行业中,Google Map API是一个强大的工具,它允许开发者集成地图功能到他们的应用程序中,提供丰富的地理定位服务。本文将详细解析如何利用Google Map API实现"基于Google Map API的简单地图"的功能,包括显示...

    手机地图-GoogleMap(For S60第三版)

    《手机地图应用:GoogleMap(For S60第三版)深度解析》 手机地图作为现代生活中不可或缺的一部分,为我们的出行提供了极大的便利。GoogleMap作为全球知名的在线地图服务,其手机版在移动设备上同样表现出色,尤其...

    google map api 最新参考文档

    google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档

Global site tag (gtag.js) - Google Analytics