Article Detail

百度地图API源码示例

// 百度地图API功能 var map = new BMap.Map("map"); map.centerAndZoom(new BMap.Point(108...

HTML 阅读 49万 3 分钟阅读 2022-02-06 22:46

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&amp;ak=nSxiPohfziUaCuONe4ViUP2N&amp;s=1"></script>
<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&amp;ak=nSxiPohfziUaCuONe4ViUP2N&amp;services=&amp;t=20190622163250"></script>
<script type="text/javascript">
  // 百度地图API功能
  var map = new BMap.Map("map");
  map.centerAndZoom(new BMap.Point(108.37295,22.818827),19);
map.addControl(new BMap.NavigationControl());
  var myIcon = new BMap.Icon("//www.resonance.net.cn/upload/mapimagse.png", new BMap.Size(52,42));  //定义自己的标注

  var marker1 = new BMap.Marker(new BMap.Point(108.37295,22.818827),{icon:myIcon});  //创建标注
   
    map.addOverlay(marker1);              // 将标注添加到地图中
  
    var label = new BMap.Label("广西共振广告有限公司", {
offset: new BMap.Size(-30, -25)//标注位置第一个left 第二个top 单位px
});

marker1.setLabel(label); //为标注添加一个标签
  
  //创建信息窗口
  var infoWindow1 = new BMap.InfoWindow("广西南宁市<br>电话：电话：0771-<br><p style='word-break:keep-all;white-space:nowrap;'>地址：南宁市青秀区民族大道</p>");
 
  marker1.addEventListener("click", function(){this.openInfoWindow(infoWindow1);});
  </script>

Comments 评论区

广西南宁市 2022-02-06 22:47

百度地图对应缩放级别
int[] zoomLevel = { 20, 19, 18, 17, 16, 15, 14, 13, 12, 11, 10, 9, 8, 7, 6,5, 4, 3 };

对应级别单位
String[] zoomLevelStr = { “10”, “20”, “50”, “100”, “200”, “500”, “1000”,
“2000”, “5000”, “10000”, “20000”, “25000”, “50000”, “100000”,
“200000”, “500000”, “1000000”, “2000000” }; // 单位/m

广西南宁市2022-02-06 22:47:52

/** 
 * 获取缩放级别 
 * @param distance 2点之间距离
 * @return int zoomLevel 
 */ 
    public int getZoomLevel(float distance) {
        int mid = (int) (distance * 100);
        for (int i = 0; i < zoomLevelStr.length; i++) {
            if (i < zoomLevelStr.length - 1) {
                int left = Integer.valueOf(zoomLevelStr[i]);
                int right = Integer.valueOf(zoomLevelStr[i + 1]);
                if (mid < left) {
                    return zoomLevel[i];
                } else if (mid > left && mid < right) {
                    return zoomLevel[i + 1];
                }
            } else {
                return 3;
            }
        }
        return 18;
    }

广西南宁市2022-02-06 22:48:04

LatLng llCentre = new LatLng(location.getLatitude(),location.getLongitude()); 
MapStatus.Builder builder = new MapStatus.Builder(); 
builder.target(llCentre )//缩放中心点 
.zoom(zoomLv)//缩放级别 
mBaiduMap.animateMapStatus(MapStatusUpdateFactory 
.newMapStatus(builder.build()));

#⁰

Comment Form 留下评论

正在回复 #0

粘贴图片、拖拽文件，或点上面的按钮上传 图片会自动插入 [img] 标签，其他附件会自动插入 [attach] 标签。

正在上传...

提交前会先拉起旧项目同款第三方人机验证。

不再要求填写昵称；reply 会生成一条带楼层回链的新评论，quote 会附带完整引用块，并保持评论锚点跳转。