高德地图自定义地图样式失效

已于 2022-05-02 10:34:57 修改
阅读量1.4k 收藏 1
点赞数
分类专栏： 高德地图 文章标签： 前端
于 2022-05-02 10:32:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47382414/article/details/124537446
版权
博客记录了在使用高德地图API时遇到的自定义样式失效问题。作者详细描述了从AMap未定义错误到通过修改.eslintrc.js文件设置全局变量，再到尝试配置安全密钥的过程。最后发现问题是由于自定义样式未发布导致的，发布后问题得到解决。
摘要由CSDN通过智能技术生成

记录一下自定义地图失效的问题~~

正常引用：

index:html：

<script src="https://webapi.amap.com/maps?v=1.4.4&key=高德地图key值"></script>

需要引入的页面：Home
在这里插入图片描述
这里加载的时候报错了；说是AMap未定义；
在.eslintrc.js文件加入： globals: { AMap: “true”} ；
在这里插入图片描述
然后自定义样式就一直是失效的状态，找了一些资料说是高德地图2021年12月02日升级了，自定义的样式要配置安全密钥 jscode(开发环境下选择第二种方式配置安全密钥‘);这个步骤已做但还是无效，最终发现是因为自己的自定义样式 ’ 未发布‘== 发布一下就可以正常使用了。乌鱼子。。。
在这里插入图片描述

同路人-
关注
专栏目录
android高德地图自定义infoWindow、点击其它地方隐藏infoWindow、infoWindow点击事件
Demon_Witch的博客
11-29 7832
笔者自定义的infoWindow效果如图 图中的infoWindow背景用的是图片，自定义infoWindow用到的主要方法如下 @Override public View getInfoContents(Marker arg0) { return null; } /** * 监听自定义infowindow窗口的infowindow事件回调 */ public
高德地图api+vue 实现锚点、信息窗体
qq_44162778的博客
12-22 1264
实现功能： 1、高德地图api+vue 实现锚点、信息窗体 2、点击信息窗体调起高德地图 页面： <template> <div class="hospitalNavigation"> <!-- 地图--> <div id="mapContainer"></div> </div> </template> <script> export default { name: "hospital
高德地图使用自定义地图无效问题
晓枫
06-24 1265
高德地图使用自定义地图无效问题
高德地图自定义样式不生效解决办法
weixin_39729729的博客
12-04 1235
官方自定义地图官方JS API Loader文档我用的是Vue JSAPI Loader 加载，用npm引入之后始终不能加载，key也正确写了，因为上一次使用高德是很久之前，忽略了安全key的使用最终解决方案如下// 这里加你的安全keykey: mapKey, // 这里是原本需要的keyLoca: { // 是否加载 Loca， 缺省不加载version: '2.0.0' // Loca 版本，缺省 1.3.2},})
高德地图-自定义地图未生效
van的博客
07-23 6304
高德地图自定义地图教程 我按照上面链接的教程，在自定义地图平台进行创建、编辑、发布后，取得地图样式ID，然后再地图初始化时，设置自定义地图，发现并没有生效 原因：key生成的不对，之前选择的是“Web服务”，应该选择“Web端（JS API）”。。。之前眼瞎没看到 ...
vue2使用高德地图+自定义样式不生效+密钥申请
最新发布
weixin_43870864的博客
05-09 457
2. 页面中使用 3. 高德自定义样式 1. 网址：https://geohub.amap.com/mapstyle/index 2. 使用方式： window._AMapSecurityConfig = { securityJsCode: ‘’ }; // 安全密钥，不写这行，mapStyle不生效
【解决】Vue 高德地图自定义地图样式，无法显示、无法生效的问题
学习笔记
10-18 6089
项目中用到了自定义地图，我是用的 Vue JSAPI Loader 加载的 API自定义地图样式的地址：我定义的地图样式是这样的：但在使用的时候不生效。
高德地图自定义样式不生效 解决方案（web前端）
苍老师背后的男人
01-11 1万+
最近在使用高德地图自定义样式的时候，发现一个奇怪的问题：使用官网的样式可以生效，但使用自定义样式就死活不生效，如下所示 自定义地图 样式ID： 使用样式： 解决方案：如果后面接的是 样式id，必须加上安全密钥，就可以生效了。 key和安全密钥： 代码如下： const ref = useRef<HTMLDivElement>(null); const [map, setMap] = useState<any>(); useMount(() =&g...
高德地图自定义infowindow
04-28
6. **自定义样式和动画**：为了进一步定制`Infowindow`，你可以使用CSS来调整它的外观，比如背景色、字体、边框等。同时，利用高德地图API提供的动画效果，如淡入淡出、平滑移动等，可以提升用户体验。 在`...
高德地图输入关键字搜索后选择并获取地址
jecket_zhou的博客
11-22 9697
由于最近有网站选择定位获取地址的需求，花了点时间，参考高德地图官方例子以及Api文档，简单实现了一个小Demo。打算总结一下遇到的问题，方便以后二度开发。 HTML代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width" /&gt...
js-高德地图规划路线
alex
11-30 8425
高德地图路线规划 功能描述： 1，画出红色折线，设置为禁行区域； 2，可以搜索地图上的点 3，可以设置起点，终点，途径点禁行规划路线，如果经过禁行区域则禁行提示，可以拖动更改路线，直到规划成功。 4，规划成功后可以查询这条规划的线路，并配上路书。（路书保存到后台的数据有指令这个节点就是路书信息，这里略去） 下面给出大概的思路和部分代码 1，加载地
vue调用高德可能会报错Error: Invalid Object: Pixel(NaN, NaN)
qq_53212137的博客
04-19 683
所以在用高德地图的时候这个数据报错，如果直接用的人家的代码基础上修改的话，数据引用的一般都是在线数据所以数据可能不会出错。这个报错可能是你地图容器什么的没有弄好。这种情况Gpt说的是可能数据不对，但是我用的是高德官方的数据直接拿过来弄的，而且我每个数据都输出打印了。这个代码在写地图div容器的时候 我没有给这个div给style，然后给了。
Android之高德地图自定义样式
Zachary的基地
07-31 4400
放置Android工程下的assets文件夹，在assets文件夹里面创建了一个styleMap子文件夹。将里面的文件写到sd卡中。 写出文件代码： try { // 先获取系统默认的文档存放根目录 File parent_path = Environment.getExternalStorageDirectory(); File dir =...
Android高德地图实现自定义地图样式
猫熊的弟弟的博客
07-04 3297
现在的应用中很多地方都会用到地图这个控件，但是地图提供给我们的样式有时可能不是我们想要的样式，这时候就需要用到第三方地图的自定义样式。 本文已高德地图为例，其他地图可自定查看官方文档 官方文档地址[开发 --> Android地图SDK -->开发指南 -->创建地图 -->自定义地图](https://lbs.amap.com/api/android-sdk/guide/create-map/custom) 1.申请高德地图账号 ![高德开放平台控制台](https://.
关于android高德地图地图无法显示的问题
fk_bendan的博客
11-15 1万+
今天android studio 升级到了2.2然后使用百度地图要报错：Error:warning: Ignoring InnerClasses attribute for an anonymous inner class我网上看了很多，也没能解决我的问题 ，虽然不影响运行，但是就是不爽，所以就想着换个地图，百度，高德，腾讯三大地图，高德还没用过，一顿操作之后该弄进来的都弄进来了，我用的2d地图，
解决自定义高德地图不生效问题
qq_46258819的博客
04-22 5435
问题来源 最近在做项目的过程中需要使用地图来绘制区域地图，但是UI要求图层中的地名少一点这样页面看上更加干净。在请教了组长之后，想到了两种办法： 在初始化地图时使用 features: ['bg', 'road'], //设置地图显示要素：["bg","road","building","point"]来控制部分要素的显示与隐藏，目前是只提供bg,road,building和point四种，但是在使用过程中呢，发现这个不能完全满足我的需求，地图上的点还是有很多 高德地图的自定义样式，在高德地图的控制台中，
高德地图自定义样式
qq_34250126的博客
03-06 6999
首先，我们在高德地图sdk中下载自定义地图，并在build.gradle中引用。将下载的.data文件放入assets文件夹下。关键来了，如何读取自定义地图。private void setMapCustomStyleFile(Context context) { String styleName = "mystyle_sdk_1507863834_0100.data"; File...
百度地图 map核心类 自定义控件 地图样式(setMapStyle) 获取全景示例(getPanorama())
热门推荐
weixin_42448623的博客
09-10 1万+
@[TOC](map核心类 自定义控件 地图样式(setMapStyle) 获取全景示例(getPanorama()) 申请秘钥 代码在此 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值