写点什么

高德地图只显示一个省的地图

发布于: 2021 年 05 月 27 日

废话不说,直接上代码

let map = new AMap.Map("maps", {   //maps是容器的id名      zoom: 4, //地图显示的缩放级别      layers: [        new AMap.TileLayer.Satellite({  //卫星模式          zIndex: 0        })      ],      mapStyle: "amap://styles/darkblue"      //showIndoorMap: false    });
new AMap.DistrictSearch({ extensions: "all", subdistrict: 0 }).search("山西省", function(status, result) { //只需将山西省换成你要显示的省名就可以了 // 外多边形坐标数组和内多边形坐标数组 var outer = [ new AMap.LngLat(-360, 90, true), new AMap.LngLat(-360, -90, true), new AMap.LngLat(360, -90, true), new AMap.LngLat(360, 90, true) ]; var holes = result.districtList[0].boundaries;
var pathArray = [outer]; pathArray.push.apply(pathArray, holes); var polygon = new AMap.Polygon({ pathL: pathArray, // strokeColor: '#f00', strokeWeight: 1, fillColor: "#051a49", fillOpacity: 1 }); polygon.setPath(pathArray); that.map.add(polygon); });
复制代码

通过以上就可以实现一个省级地图,可以通过 new AMap.TileLayer.Satellite({})来控制是否是卫星地图模式,当然制作高德地图首先要在 html 中引入 js,其中 key 值自己到高德 API 中申请

<script type="text/javascript" src='http://webapi.amap.com/maps?v=2.0&key=''></script>

<script src="http://webapi.amap.com/ui/1.1/main.js?v=1.1.1"></script>

用户头像

还未添加个人签名 2021.05.07 加入

还未添加个人简介

评论

发布
暂无评论
高德地图只显示一个省的地图