关于使用高德地图api引入icon或者设置content加载不出图标

最近使用高德地图ai直接按照官网上面修改icon的图标如像这样直接使用或者这样间接引用结果都加载不出来，像这样后来才发现不能这么直接引入，可以通过http请求通过请求服务器上面的icon图片，像这样：icon:"https://editor.csdn.net/markers/marker.png"可以通过将图片转成base64格式，然后再请求可以通过require来请求这也是我用的最多的let i

Jet_closer_burning

9352人浏览 · 2021-05-13 18:01:33

Jet_closer_burning · 2021-05-13 18:01:33 发布

最近使用高德地图ai直接按照官网上面修改icon的图标
如像这样直接使用在这里插入图片描述
或者这样间接引用
结果都加载不出来，像这样
后来才发现不能这么直接引入，

可以通过http请求通过请求服务器上面的icon图片，像这样：

icon:"https://editor.csdn.net/markers/marker.png"

可以通过将图片转成base64格式，然后再请求
如果请求本地的图片，因为路径是动态请求过来的，所以拼接要用require来请求，这也是用的最多的。

 let img =require("../assets/images/marker.png");
 marker = new AMap.Marker({
                    map: this.map,
                    icon: new AMap.Icon({
                        image: img,
                    }),
                });