| 标题 | 百度地图api 移动标注 |
| 内容 | <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>百度地图</title> <script type="text/javascript"> var iscreatr=false; function initialize() { var x = 116.4035;//设置默认标注点x var y = 39.915;//设置默认标注点y //---------------------------------------------基础示例--------------------------------------------- var map = new BMap.Map("allmap",{minZoom:12,maxZoom:20});// 创建Map实例，将地图挂到那个容器，用id表示 map.centerAndZoom(new BMap.Point(x,y),15); //初始化时，即可设置中心点和地图缩放级别。 //map.centerAndZoom("成都",13); // 初始化地图,设置中心点坐标和地图级别。 map.enableScrollWheelZoom(true);//鼠标滑动轮子可以滚动 var point = new BMap.Point(x,y);//默认 // 创建标注对象并添加到地图 var marker = new BMap.Marker(point); var label = new BMap.Label("默认提示",{offset:new BMap.Size(20,-10)}); marker.setLabel(label) map.addOverlay(marker); marker.enableDragging(); //可拖拽 marker.addEventListener("dragend", function(e){//将结果进行拼接并显示到对应的容器内 document.getElementById("r-result").innerHTML = e.point.lng + ", " + e.point.lat;//打印拖动结束坐标 }); } function loadScript() { var script = document.createElement("script"); script.src = "http://api.map.baidu.com/api?v=1.4&callback=initialize"; document.body.appendChild(script); } window.onload = loadScript; </script> </head> <body> <div id="r-result">坐标</div> <div id="allmap"></div> </body> </html> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。