如何使用jVectorMap插件在世界地图上突出显示某个城市

时间:2011-10-27 15:36:25

标签: javascript jquery map world-map jvectormap

我需要一个小标识符来使用jVectorMap突出显示地图上的特定城市。这样做的理想方式是什么。也许我可以在地图上放置像图像(在旧金山附近的3px宽和高红色)之类的东西。通过这种方式,用户可以找到精确的位置,而不是美国。

2 个答案:

答案 0 :(得分:2)

您可以在jVectorMap的最新版本中执行此操作。

答案 1 :(得分:1)

jVectorMap就是这样做的,绘制向量。我没有在API中提到定义真正的“点”。因此,您可以在San Fransisco周围绘制一个小的多边形,也可以手动覆盖您自己的图像。 jsFiddle

<img src="http://www.changosurf.com/images/marker_red.png" id="sanFranMarker" title="San Fransisco"/>

...

#map-usa {    position: relative;    width: 600px;    height: 400px;}
#sanFranMarker{    position: absolute;    top: 160px;    left:17px;}