百度地图中的标注

Posted 草根级

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了百度地图中的标注相关的知识,希望对你有一定的参考价值。

使用多个定义好的城市标注,需要用for来循环一下,不然出现的是一个,或者不显示任何的标注

<script type="text/javascript">
      // 百度地图API功能
      var map = new BMap.Map("container");
      map.centerAndZoom(new BMap.Point(106.234, 38.54), 5);
      map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
      map.disableAutoResize();
      //map.enableScrollWheelZoom();
      var opts = {
         width : 10,     // 信息窗口宽度
         height: 10,     // 信息窗口高度
         title : "中国主要经济特区" , // 信息窗口标题
         enableMessage:true//设置允许信息窗发送短息
      };function addClickHandler(content,marker){
         marker.addEventListener("click",function(e){
            openInfo(content,e)}
         );
      }
      function openInfo(content,e){
         var p = e.target;
         var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
         var infoWindow = new BMap.InfoWindow(content,opts);  // 创建信息窗口对象
         map.openInfoWindow(infoWindow,point); //开启信息窗口
      }
      var points =[
         [116.688739,23.359289,"汕头"],
         [114.5435,22.5439,"深圳"],
         [113.7305,22.1155,"珠海"],
         [118.103886,24.489231,"厦门"],
         [110.330802,20.022071,"海口"],
         [75.999748,39.475674,"喀什"],
         [80.423594,44.211359,"霍尔果斯"],
         ];
      for( var i = 0;i < points.length; i++){
         var point = new BMap.Point(points[i][0],points[i][1]);
         // 创建标注对象并添加到地图
         var marker = new BMap.Marker(point);
         var content = points[i][2];
         addClickHandler(content,marker);
         map.addOverlay(marker);// 将标注添加到地图中
      };
</script>

 



红色部分就是标注的主要地方

以上是关于百度地图中的标注的主要内容,如果未能解决你的问题,请参考以下文章

如何在百度地图标注自己的商户信息。

百度地图API,如何通过标注名 来删除标注

在百度地图中使用“工具”-“标注”最多可创建50个标注点,怎么增加标注点?能否达到无限数量标注程度?

解决百度地图生成器添加标注后图标不显示的问题

百度地图API,在地图上添加了一个标注,怎么才能让这个标注随着地图缩放而缩放呢?

Java后台如何获取百度地图上标注的区域范围