给地图添加标注

来源：互联网发布：万能五笔输入法mac版编辑：程序博客网时间：2024/05/06 00:23

大家好：

最近在纠结如何动态获取经纬度，一直未有头绪，心情纠结啊！

先把之前练习过的给地图添加标注来为大家展示一下，顺便记录一下！

静态页面代码：

<span style="font-size:14px;"><html> <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  <style type="text/css">  body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}  </style>  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7216b16c8441679ef2948d2b9a5731cc&services=false"></script>  <title></title> </head> <body> <input type="hidden" id="thisAddess" value=""> <div id="allmap"></div> </body>   <script type="text/javascript"> var map = new BMap.Map("allmap");var point =new BMap.Point(116.404, 39.915);map.centerAndZoom(point, 11); var marker = new BMap.Marker(point);  // 创建标注  map.addOverlay(marker);               // 将标注添加到地图中  marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画  map.addControl(new BMap.NavigationControl());//放大放小的图标 平移缩放控件// var opts = {anchor: BMAP_ANCHOR_TOP_RIGHT, offset: new BMap.Size(10, 10)}//  map.addControl(new BMap.NavigationControl(opts));  //使平移缩放控件放在右上角 map.addControl(new BMap.ScaleControl());  //一个比例尺控件 map.addControl(new BMap.OverviewMapControl());//一个缩略图控件  </script>   </html> </span>

0 0