百度地图API在vue-cli中路径错误的问题

2021-04-22 11:26

阅读：415

标签：sde 方式不能 vertica 最简 ali 出错编译直接

在使用百度地图的时候，需要使用自定义的icon图片，百度的案例中使用的是线上地址，但当替换为本地图片路径的时候，错误出现了

这是本地图片地址


// 创建自定义图标
        var fieldIcon = new BMap.Icon(
        // "http://lbsyun.baidu.com/jsdemo/img/fox.gif",  // 设置图片
          "assets/img/map/icon_cd.png",

          new BMap.Size(300, 157) // 设置覆盖物大小
        );

路径出错了

当打开其他正常引用的图片时，发现图片路径都是vue-cli已经自动替换后的路径，所有的图片路径都会自动修改到 static/images 文件夹下

也就是打包后图片的存放路径，也就是说，百度地图api中定义的图片路径，vue-cli并不能识别，那我们就可以用一种取巧的方式，将图片直接放到根目录的static文件夹下，static文件夹中的文件，在打包的时候，并不会进行编译，而是完整的迁移到打包后的static文件夹中


// 创建自定义图标
        var fieldIcon = new BMap.Icon(
//          "http://lbsyun.baidu.com/jsdemo/img/fox.gif", 
//          "assets/img/map/icon_cd.png",

          "static/images/icon_cd.png",  // 设置图片路径
          new BMap.Size(300, 157)  // 设置覆盖物大小
        );

这里有一点需要注意，这里路径的最前面并不需要 "/" 来给它定义为绝对路径，现在，图标就可以正常显示了

当然，最简单的办法，直接把icon图标放到线上，就能解决这个问题了

百度地图API在vue-cli中路径错误的问题

标签：sde 方式不能 vertica 最简 ali 出错编译直接

原文地址：http://www.cnblogs.com/minimissile/p/8022263.html

上一篇：【转】编写高质量代码改善C#程序的157个建议——建议142：总是提供有意义的命名

下一篇：【转】编写高质量代码改善C#程序的157个建议——建议139：事件处理器命名采用组合方式

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：百度地图API在vue-cli中路径错误的问题
文章链接：http://soscw.com/index.php/essay/78050.html

亲，登录后才可以留言！

百度地图API在vue-cli中路径错误的问题

评论

热门文章

推荐文章

最新文章

置顶文章