当前位置: 代码迷 >> Web前端 >> google 地图 v3 标注
  详细解决方案

google 地图 v3 标注

热度:375   发布时间:2012-11-19 10:18:51.0
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的坐标。
1 楼 jzq612 2011-07-08  
能把详细代码发给我吗?  谢谢 
jzq612@163.com
  相关解决方案