首页百度离线地图加载js代码

百度离线地图加载js代码

时间: 2023-10-19 10:06:30 浏览: 96

百度离线地图加载js代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>百度离线地图示例</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> </head> <body> <div id="map" style="width: 100%; height: 500px;"></div> <script type="text/javascript"> var map = new BMap.Map("map"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); map.enableScrollWheelZoom(true); map.addControl(new BMap.NavigationControl()); var tileLayer = new BMap.TileLayer(); tileLayer.getTilesUrl = function(tileCoord, zoom) { var x = tileCoord.x; var y = tileCoord.y; return "http://localhost:8080/TileImages/" + zoom + "/" + x + "/" + y + ".png"; } map.addTileLayer(tileLayer); </script> </body> </html> ``` 其中，需要替换的部分为 `ak=您的密钥` 和 `return "http://localhost:8080/TileImages/" + zoom + "/" + x + "/" + y + ".png";`，前者为您的百度地图密钥，后者为离线地图瓦片图片的存储路径。

阅读全文