整理最近用到的googlemap应用 。v3版本的和v2版本的API差别很大,v3更加规范了,代码的结构也更合理。
写了一个标注点的函数:
function do_marker(edit_dot_lat,edit_dot_icon,edit_dot_title,edit_dot_info) {
if(edit_dot_info==""){
edit_dot_info="这里是标注信息!";
}
//clearOverlays(infowindow);
//map.setCenter(myLatlng);
if(marker){
marker.setMap(null);
}
//如果是编辑
if(edit_dot_lat!==""&&edit_dot_icon!==""){
marker = new google.maps.Marker({
position:edit_dot_lat,
map: map,
draggable:true,
icon: edit_dot_icon,
title:edit_dot_title
});
}else{
marker = new google.maps.Marker({
position: map.getCenter(),
map: map,
draggable:true,
icon: icons,
title:"The hoodbc!"
});
}
google.maps.event.addListener(marker, 'click', function(event) {
//alert(event.latLng.lng());
$("#lat").val(marker.position);
infos= new google.maps.InfoWindow({
content: edit_dot_info
}).open(map,marker);
});
//移动后的坐标
google.maps.event.addListener(marker,'dragend',function(event){
//alert(event.latLng.lng());
$("#lat").val(marker.position);
$("#latleg").val(marker.position);
})
}
编辑已经输入的标注时,传入4个参数。当添加的标注拖动时触发事件,获取marker.position的坐标。
分享到:
相关推荐
在本文中,我们将深入探讨Google Maps API的第三版(V3),主要关注V3地图搜索、地图标注以及多点标注的实现。Google Maps API V3是Google提供的一个强大的JavaScript库,用于在网页上嵌入交互式地图,进行地理位置...
使用 MarkerCluster 需要載入相關的 JavaScript 檔案,包括 Google Map API 的 V3 版本和 MarkerClusterer.js。 MarkerClusterer.js 是一個第三方 JavaScript 庫,用於實現標記點聚合功能。 在使用 MarkerCluster ...
内容包含了谷歌地图的基本功能,包括:收索地点、标注、填写标注信息、响应地图(点击、双击、经过)事件。一个比较复杂的难点是:点击地图上的标注时,把这一‘事件’关联到上级DELPHI应用层面,DELPHI可以读取到...
Google Maps API V3 支持加载 KML 和 GeoRSS 文件以显示额外的数据,如轨迹、标注等。Fusion Table 图层则提供了将数据表与地图相结合的能力,支持查询、样式设置甚至热力图。 10. **路况图层和自行车图层** 这些...
KML(Keyhole Markup Language)是Google Earth和Google Maps用于标注地理位置信息的XML格式。通过KML文件,开发者可以展示三维模型、路径、热区等元素。中文说明文档可以帮助开发者更好地理解和创建KML文件,以在...
本文将深入探讨"Google Maps API V3",也就是第三版本,以及它与V2的主要区别,并提供一些示例来帮助理解其核心功能和优势。 Google Maps API V3是Google为Web开发人员提供的一套JavaScript库,允许他们将交互式...
**Google Maps API V3 Examples 官方示例详解** Google Maps API V3 是 Google 提供的一个强大工具,允许开发者在自己的网页中嵌入交互式的地图功能。这些示例旨在帮助开发者更好地理解和应用这个API,从而创建出...
谷歌地图API V3是开发者用来集成地图功能到网站或应用中的关键工具。它提供了丰富的功能,包括绘制地图、定位、标记、路径规划、地理编码、信息窗口、自定义图层等。以下是一些关于谷歌地图API V3的重要知识点: 1....
2. **Google Maps API v3**:谷歌地图API是开发者用于集成谷歌地图服务到网站或应用中的工具。版本3是其最新的版本,提供了一套丰富的功能,包括绘制、标注、路线规划等,并支持离线地图的实现。 3. **离线地图的...
在Google Maps API V3中,开发人员经常需要在地图上添加具有可自定义标签的标记。"google-maps-marker-with-label-v3" 是一个专门为此目的设计的库,它允许在地图上的标记(Marker)上附加文本标签,使得地图信息更...
本文将深入探讨如何使用Google Maps API V3实现从地图坐标到街道地址的转换,也就是所谓的“反向地理编码”(Reverse Geocoding)。这个过程对于提供基于位置的服务至关重要,例如导航、本地搜索和定位跟踪。 ...
src="http://ditu.google.com/maps?file=api&v=2& key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ- i1QfUnH94QxWIa6N4U6MouMmBA&h1=zh-CN" type="text/javascript"> //实现框选...
首先,我们关注到压缩包中的`baidumapapi_v3_1_1.jar`文件,这是一个Java库(JAR文件),包含百度地图API的核心功能。开发者可以通过导入这个库,调用百度地图的各种接口,如显示地图、设置地图样式、添加标注、获取...