解决自定义高德地图不生效问题

问题来源

最近在做项目的过程中需要使用地图来绘制区域地图,但是UI要求图层中的地名少一点这样页面看上更加干净。在请教了组长之后,想到了两种办法:

  1. 在初始化地图时使用 features: ['bg', 'road'], //设置地图显示要素:["bg","road","building","point"]来控制部分要素的显示与隐藏,目前是只提供bg,road,building和point四种,但是在使用过程中呢,发现这个不能完全满足我的需求,地图上的点还是有很多
  2. 高德地图的自定义样式,在高德地图的控制台中,点击自定义地图即可实现地图的订制,但是发布后无论怎样都无法显示自定义样式
    解决自定义高德地图不生效问题_第1张图片

解决方法

根据官方的解决方法添加静态安全密钥
官方文档地址:https://lbs.amap.com/api/javascript-api/guide/abc/prepare
解决自定义高德地图不生效问题_第2张图片但是添加了,刷新发现仍然没起作用,这是怎么回事呢?
首先保证你的样式ID引用正确
解决自定义高德地图不生效问题_第3张图片最重要的是检查你添加安全密钥配置的位置

<script>
    window._AMapSecurityConfig = {
        securityJsCode:'你的安全秘钥',
    }
</script>

解决自定义高德地图不生效问题_第4张图片
配置放在地图插件引用之前,这样就自定义样式就会显示出来啦

你可能感兴趣的:(前端,javascript)