Article Detail

百度地图API源码示例

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

HTML 阅读 49万 3 分钟阅读 2022-02-06 22:46
GDScript3
24 行
<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
代码片段
7 行
百度地图对应缩放级别
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
代码片段
22 行
/** 
 * 获取缩放级别 
 * @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
代码片段
6 行
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()));
| | #0
Comment Form 留下评论
正在回复 #0
粘贴图片、拖拽文件,或点上面的按钮上传 图片会自动插入 [img] 标签,其他附件会自动插入 [attach] 标签。
正在上传...
提交前会先拉起旧项目同款第三方人机验证。

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

lizhenqiu blog is powered by lizhenqiu.com Version 6.9

Processed in 0.0098 second(s) W3C

本博客的所有原创作品采用 知识共享 署名-非商业性使用-相同方式共享 2.5 协议 进行许可

本站由 七七牛 云存储 阿阿里云 计算与安全服务 拍又拍云 CDN 加速 百百度智能 AAMH 布布集网 AI指南针AI

桂公网安备 45010302000998号 桂ICP备15007619号-1 中国互联网举报中心 建议使用谷歌浏览器浏览
Navigation 文章导航
⌂ ↓ ↑
100%
图片预览
Gallery 图集
0 张图片

正在整理正文和评论里的图片。

当前页还没有可展示的图片。
Quick Comment 快速评论

直接输入内容,提交时仍会走当前页面的人机验证。

正在上传...
操作提示