使用之前要获取一个切图工具,切图工具的使用流程简单易懂,牵涉的代码使用如下(选择不生成相应代码时)。
<body>
<div id="allmap" style="width: 800px;height: 600px;"></div>
</body>
</html>
<script type="text/javascript">
// 以下这一段是用来设置地图的缩放级数的
var map = new BMap.Map("allmap", {
minZoom: 1,
maxZoom: 13
});
var point = new BMap.Point(117.758606, 26.904504); //坐标
map.centerAndZoom(point, 10); //设置地图初始中心点和缩放级别,point是坐标,19是缩放级数
var marker = new BMap.Marker(point); // 创建标注 或创建标点对象
map.addOverlay(marker); //添加标点对象
map.enableScrollWheelZoom(true); //这一句实现滚动缩放
var tileLayer = new BMap.TileLayer();//创建图层对象
tileLayer.getTilesUrl = function(tileCoord, zoom) {
var x = tileCoord.x;
var y = tileCoord.y;
return './img/tiles/' + zoom + '/tile' + x + '_' + y + '.png'; //根据当前坐标,选取合适的瓦片图,
}
map.addTileLayer(tileLayer);//添加图层
</script>
切图工具下载链接:添加链接描述