首页 > 知识文档

百度地图全国离线包(百度地图离线包在哪里)

更新时间:2023-03-01 18:27:14 阅读：评论：0

对于我这个没写过前端的人，调用api感觉有点难，但是写完以后，我发现真简单啊，以下代码仅供参考，如有写的不理想的地方，请评论区指出，谢谢

<!DOCTYPE html>

<html>

<head>

<title>Hello, World</title>

html{height:100%}

body{height:100%;margin:0px;padding:0px}

#container{height:100%}

</style>

</head>

<body>

</div>

var fromat = ".jpg"; //格式/*var tileLayer = new BMap.TileLayer();

tileLayer.getTilesUrl = function (tileCoord, zoom) {

var x = tileCoord.x;

var y = tileCoord.y;

var url = outputPath + zoom + '/' + x + '/' + y + fromat;

return url;

}

var tileMapType = new BMap.MapType('tileMapType', tileLayer);*/var map = new BMap.Map("container")

var point = new BMap.Point(116.404, 39.915); // 创建点坐标

map.centerAndZoom(point, 6); // 初始化地图，设置中心点坐标和地图级别

// //添加地图类型控件

map.addControl(new BMap.MapTypeControl({ mapTypes:[

BMAP_NORMAL_MAP,

BMAP_HYBRID_MAP

]}));

map.tCurrentCity("北京"); // 设置地图显示的城市此项是必须设置的

map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

//单击获取点击的经纬度

map.addEventListener("click",function(e){

alert(e.point.lng + "," + e.point.lat); });

var MAX = 10;

var markers = [];

var pt = null;

var i = 0;

for (; i < MAX; i++) {

pt = new BMap.Point(Math.random() * 40 + 85, Math.random() * 30 + 21);

markers.push(new BMap.Marker(pt));

}

//最简单的用法，生成一个marker数组，然后调用markerClusterer类即可。

var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});var beijingPosition=new BMap.Point(116.432045,39.910683), hangzhouPosition=new BMap.Point(120.129721,30.314429), taiwanPosition=new BMap.Point(121.491121,25.127053); // console.log(beijingPosition) // console.log(hangzhouPosition)

// console.log(taiwanPosition)

var points = [beijingPosition,hangzhouPosition, taiwanPosition];console.log(points)

var curve = new BMapLib.CurveLine(points, {strokeColor:"blue", strokeWeight:3,strokeOpacity:0.5}); //创建弧线对象

// map.addOverlay(curve); //添加到地图中

// curve.enableEditing(); //开启编辑功能

</script>

</body>

</html>

格式有些乱，用的时候用在线格式化工具格一下，

其他配置文件，如瓦片之类的我放在了我第二篇帖子中，（百度地图离线版api实现多点聚合（二））

本文发布于:2023-02-28 20:16:00，感谢您对本站的认可！

本文链接：https://www.wtabcd.cn/zhishi/a/167766643483053.html