Leaflet上的marker图片显示找不到的问题解决办法

134 阅读1分钟

在main.js中添加以下代码

delete L.Icon.Default.prototype._getIconUrl

L.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'),
  iconSize: [16, 26],      // 修改图标大小(默认是 [25, 41])
  iconAnchor: [8, 26],     // 调整图标锚点(根据新尺寸居中)
  shadowSize: [26, 26],    // 修改阴影大小(默认是 [41, 41])
  popupAnchor: [0, -26],   // 调整弹窗位置锚点
  tooltipAnchor: [0, 12],  // 调整提示信息位置锚点
})

参考地址