| 标题 | 百度地图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 = /uploads/202504/02/api4134 = loadscript; </script> </head> <body> <div id=r-result style=float:left;width:100px;>坐标</div> <div id=allmap style=width: 800px; height: 500px></div> </body> </html> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。