百度地图开发入门(一)
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>