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

问题来源

最近在做项目的过程中需要使用地图来绘制区域地图,但是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>

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值