leaflet 绘制图标 marker-icon-2x 404

wu_223

已于 2022-03-04 14:09:22 修改

阅读量985

点赞数 1

CC 4.0 BY-SA版权

分类专栏： leaflet相关问题文章标签： leaflet icon不显示 marker-icon.png leaflet 图标不显示

于 2022-03-04 14:06:04 首次发布

本文链接：https://blog.csdn.net/qq_34790644/article/details/123275009

leaflet相关问题专栏收录该内容

46 篇文章

订阅专栏

本文讲述了在Angular中遇到require语法错误的原因，如何通过`declare var require;`临时解决，并详细介绍了如何正确配置默认图标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误如下图所示：

正确是如下图：

解决方法如下：注意：require在angular中不能使用，是属于node的语法，所以需要声明一下

declare var require;

let DefaultIcon = L.icon({
    iconUrl: require('leaflet/dist/images/marker-icon-2x.png'),
    iconRetinaUrl: require('leaflet/dist/images/marker-icon.png'),
    shadowUrl: require('leaflet/dist/images/marker-shadow.png'),
    iconSize: [25, 41],
    iconAnchor: [12, 41],
    popupAnchor: [1, -34],
    tooltipAnchor: [16, -28],
    shadowSize: [41, 41]
});
L.Marker.prototype.options.icon = DefaultIcon;