百度地图API源码示例
发布时间:2022-02-06, 22:46:49 分类:HTML | 编辑 off 网址 | 辅助
正文 1352字数 475,487阅读
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=nSxiPohfziUaCuONe4ViUP2N&s=1"></script>
<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&ak=nSxiPohfziUaCuONe4ViUP2N&services=&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>
Run code
Cut to clipboard
(支付宝)给作者钱财以资鼓励 (微信)→
有过 1 条评论 »
百度地图对应缩放级别 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
/** * 获取缩放级别 * @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; }
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()));