0
点赞
收藏
分享

微信扫一扫

自定义高德地图不生效?你需要检查一下这个

笙烛 2022-04-22 阅读 59
javascript

问题来源

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

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

解决方法

根据官方的解决方法添加静态安全密钥
官方文档地址:https://lbs.amap.com/api/javascript-api/guide/abc/prepare
在这里插入图片描述但是添加了,刷新发现仍然没起作用,这是怎么回事呢?
首先保证你的样式ID引用正确
在这里插入图片描述最重要的是检查你添加安全密钥配置的位置

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

在这里插入图片描述
配置放在地图插件引用之前,这样就自定义样式就会显示出来啦

举报

相关推荐

0 条评论