当前位置 博文首页 > Jet_Lover的博客：关于使用高德地图api引入icon或者设置content

最大化 缩小

    Jet_Lover的博客：关于使用高德地图api引入icon或者设置content

    作者：[db:作者] 时间：2021-07-05 13:05

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

    1. 可以通过http请求通过请求服务器上面的icon图片，像这样：
    icon:"https://editor.csdn.net/markers/marker.png"
    1. 可以通过将图片转成base64格式，然后再请求
    2. 如果请求本地的图片，因为路径是动态请求过来的，所以拼接要用require来请求，这也是用的最多的。
     let img =require("../assets/images/marker.png");
 marker = new AMap.Marker({
                    map: this.map,
                    icon: new AMap.Icon({
                        image: img,
                    }),
                });

    如果还有其他方法欢迎补充

    cs
    上一篇：Jet_Lover的博客：使用JS制作一个鼠标可拖的DIV
    下一篇：没有了