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

How do I highlight a certain city on world Map using jVectorMap plugin

本文关键字:显示 城市 jVectorMap 何使用 插件 世界地图      更新时间:2023-09-26

我需要使用jVectorMap在地图上突出显示特定城市的小标识符。理想的做法是什么?也许我可以在地图上放一些类似图片的东西(比如3px宽,旧金山附近的红色)。这样用户可以定位精确的位置,而不是一般的USA。

您可以在jVectorMap的最后一个版本中这样做。

jVectorMap就是这样做的,绘制向量。我没有看到API中提到定义真正的"点"。所以你可以在旧金山周围画一个小多边形,或者你可以手动覆盖你自己的图像。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;}