google map v3 标注

整理最近用到的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的坐标。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Google Map API V3是一种用于在Web应用程序中嵌入和操作Google地图的编程接口。它提供了一组丰富的功能和工具,可以帮助开发者在自己的网站或应用中实现地图和位置相关功能。 使用Google Map API V3,开发者可以轻松地在网页上显示一个互动的地图,包括地图图块、标记、信息窗口、图形和覆盖物等元素。开发者还可以通过调用API提供的方法,获取地图的坐标和视图信息,以及监听用户交互事件。 除了基本的地图显示功能外,Google Map API V3还提供了许多高级功能。例如,开发者可以使用地图的几何库进行位置计算和空间分析,可以实现地图上的地理编码和逆地理编码等操作。API还支持在地图上绘制路径和多边形,并可以使用地图上的各种工具控制地图的交互和视图。 Google Map API V3还与其他Google服务集成得很好。例如,开发者可以通过API调用Google Places服务,实现根据关键字搜索地点和显示地点详细信息的功能。还可以使用API调用Google Street View服务,在地图上显示街景图像。 总而言之,Google Map API V3为开发者提供了一个强大而灵活的工具,可以方便地在自己的网站或应用中集成和操作Google地图,实现丰富的地图和位置相关功能。无论是创建一个简单的地图显示页面,还是实现复杂的地理应用,Google Map API V3都是一个很好的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值