百度地图开发入门(一)

 1 <!-- 地图   -->
 2 <script type="text/javascript">
 3 
 4     //百度地图API功能
 5     function loadJScript() {
 6         var script = document.createElement("script");
 7         script.type = "text/javascript";
 8         script.src = "http://api.map.baidu.com/api?v=2.0&ak=EcXes0f13h7&callback=init";
 9         document.body.appendChild(script);
10     }
11     function init() {
12         var map = new BMap.Map("map");          // 创建地图实例
13         var point = new BMap.Point(100.746294, 13.614046);  // 创建点坐标
14         map.centerAndZoom(point, 11);                 // 初始化地图,设置中心点坐标和地图级别
15         map.enableScrollWheelZoom(true);          //开启缩放
16         map.enableDragging();           //开启拖拽
17 
18         map.addEventListener("rightclick", function (e) {
19             map.clearOverlays();//添加标注前清空以前的所有标注
20             layer.msg(e.point.lng + ", " + e.point.lat,{icon:1});
21             $("#longitude").val(e.point.lng);
22             $("#dimension").val(e.point.lat);
23 
24             var marker = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat));        // 创建标注
25             map.addOverlay(marker);
26         });
27 
28     }
29     window.onload = loadJScript;  //异步加载地图
30     
31 </script>

 

posted @ 2016-12-25 18:13  xiaolang001  阅读(234)  评论(0编辑  收藏  举报