GoogleMap入门教程 02

来源:互联网 发布:企业域名和价格 编辑:程序博客网 时间:2024/05/01 03:46

1.创建一个坐标

new google.maps.LatLng(-33.52,151.13 ) 第一个参数:纬度;第二个参数:经度

2.创建一个地图

new google.maps.Map(mapDiv, {
                center : CONSTANT.CENTER,
                zoom : 5,
                mapTypeId : google.maps.MapTypeId.ROADMAP
            });

3.创建一个标记

var marker =  new google.maps.Marker( {  
                position:latLng,
                map : customerMap.map,  
                title : "View Customer Info",  
                icon : icon/marker.png"  
            });  

4.地图上移除标记

marker.setMap(null);


5.创建一个信息弹出口InfoWindow

var contentString = '<div id="contentString" style="height:60px; width:300px;"><div><b>Partner Code:</b> '+partnerCode+'</div><div><b>Partner:</b>'+partName+'</div></div>';

  yourInfoWindow =new google.maps.InfoWindow({
                        content: contentString,
  });
     yourInfoWindow.open(customerMap.map, marker); //在指定的地图标记处播放

6.添加事件监听

google.maps.event.addListener(marker, "click", function(e) {

})



0 0
原创粉丝点击