解决自定义高德地图不生效问题
最近在做项目的过程中需要使用地图来绘制区域地图,但是UI要求图层中的地名少一点这样页面看上更加干净。在请教了组长之后,想到了两种办法:
- 在初始化地图时使用 features: [bg, road], //设置地图显示要素:["bg","road","building","point"]来控制部分要素的显示与隐藏,目前是只提供bg,road,building和point四种,但是在使用过程中呢,发现这个不能完全满足我的需求,地图上的点还是有很多
- 高德地图的自定义样式,在高德地图的控制台中,点击自定义地图即可实现地图的订制,但是发布后无论怎样都无法显示自定义样式
解决方法
根据官方的解决方法添加静态安全密钥 官方文档地址:https://lbs.amap.com/api/javascript-api/guide/abc/prepare 但是添加了,刷新发现仍然没起作用,这是怎么回事呢? 首先保证你的样式ID引用正确 最重要的是检查你添加安全密钥配置的位置
<script> window._AMapSecurityConfig = { securityJsCode:你的安全秘钥, } </script>
配置放在地图插件引用之前,这样就自定义样式就会显示出来啦