文章/答案/技术大牛

发布

社区首页 >问答首页 >由于ERR_INVALID_URL错误，传单JS中的标记没有正确加载

问由于ERR_INVALID_URL错误，传单JS中的标记没有正确加载
EN

Stack Overflow用户

提问于 2019-04-30 21:32:56

回答 2查看 2K关注 0票数 5

我试图在我的传单地图上添加标记，但它们没有出现。

在控制台中，我看到一个网络错误: http请求的net::ERR_INVALID_URL，它加载了如下所示的图像：

Request URL: data:image/png;base64,iVBORw0KGgoAA.....SUVORK5CYII=")marker-icon-2x.png

如果我删除URL的最后一部分

)marker-icon-2x.png

最后，我得到了一个正确的base64编码图像。所以我想问题是在URL的末尾添加了什么标记图标。

更多背景：

我的代码如下所示：

L.marker(coords).bindPopup(someName).addTo(this.map)

我的地图渲染正确，我可以在上面画多边形等等。
我用的是Vue和Vue2Leaflet
我已经进口了leaflet.css
我尝试将这些代码行包括在没有效果的代码中：

delete Icon.Default.prototype._getIconUrl

Icon.Default.mergeOptions({
  iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
  iconUrl: require('leaflet/dist/images/marker-icon.png'),
  shadowUrl: require('leaflet/dist/images/marker-shadow.png')
});

javascript

vuejs2

leaflet

Stack Overflow用户

发布于 2020-10-14 09:37:01

为l-标记的“图标”属性提供一些默认值，如下所示，为我解决了这个问题。尽管如此，它仍然需要一个默认的有效图像路径，这意味着我们必须至少有一个图像或它的有效URL可用。顺便说一下，下面提到的L对象是从‘传单’包中导入的。

defaultIcon = L.icon({
        iconUrl: require('../assets/logo.png'),
        shadowUrl: require('../assets/logo.png'),
    });

票数 0

查看全部 2 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55928916

复制

相似问题

问由于ERR_INVALID_URL错误，传单JS中的标记没有正确加载
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问由于ERR_INVALID_URL错误，传单JS中的标记没有正确加载EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问由于ERR_INVALID_URL错误，传单JS中的标记没有正确加载
EN