2

我正在尝试使用 JVectorMap 创建世界地图，但我会将标记作为图像 (marker.png) 而不是圆圈作为默认值。我可以这样做吗？

4

4 回答 4

0

有基于图像的标记的官方示例 - http://jvectormap.com/examples/marker-icons/

于 2015-03-16T09:40:46.383 回答
0

如果您想要图像标记，请使用新图层（地图中 svg 图层上的 div），为每个标记放置一个新 div，然后设置位置。

获取地图参考

map = $("#world-map-gdp").vectorMap('get', 'mapObject');

并使用函数 map.latLngToPoint() 来定位新层中的点。

var newMarkerP = map.latLngToPoint(lat,lng);
$('#marker1').css('top',newMarkerP.x);
$('#marker1').css('left',newMarkerP.y);

如果进行缩放或拖动，您可以重新定位标记，使用相同的功能并应用 css left 和 css top。

也许您可以使用新标记的顶部和左侧，但这是一个简单的解决方案。

于 2013-03-12T14:12:50.020 回答
0

还没有，此功能计划在下一个版本中使用。

于 2012-11-12T10:42:55.173 回答
-1

在您的标记样式设置中，您可以使用“图像”而不是“r”：

        var myMarkerStyle = {
          initial: {
            image: 'files/fkd/marker.png'
          }
        };
于 2016-01-05T14:03:54.073 回答