0

我正在尝试使用涉及 Leaflet 的 API。这个想法是在地图上放置兴趣点。

在这个小提琴中，您可以看到我要完成的工作：fiddle。我面临的问题是，当我尝试添加自定义图标时，缩放和锚定失败。出于某种原因，默认图标正确放置在地图上，我不知道为什么这些图标也不会失败。

除了这些部分之外，我的所有代码都与小提琴大致相同：

您可以在下面看到我如何制作自定义图标：

var waypoint = L.icon({
    iconUrl: 'waypoint.png',        
    //iconSize: [30, 30], // size of the icon       
    iconAnchor: [0, 0] // point of the icon which will correspond to marker's location      
});

在下面，您可以看到我如何在标记中添加图标：

L.marker(unproject(poi.coord), {
                    title: poi.name,
                    icon: waypoint
                }).addTo(map);

更新：您可以在下面看到不同之处：

图片

我错过了什么？

4

1 回答 1

0

（代表 OP 发布。）

好的，我设法修复它。

这是我做错的，我获取了外部资源（.js 和 .css）并将它们放置在我的项目中。当我使用这样的 URL 在我的项目中添加这两个时：

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.5.1/leaflet.js" type="text/javascript"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.5.1/leaflet.css" type="text/css">

一切都按预期工作。

于 2015-06-01T08:01:54.417 回答