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

发布于 2024-12-12 09:03:53 字数 118 浏览 0 评论 0原文

我需要一个小标识符来使用 jVectorMap 在地图上突出显示特定城市。这样做的理想方式是什么?也许我可以在地图上放置类似图像(例如旧金山附近 3 像素宽、高红色)的图像。这样用户就可以定位精确的位置,而不是一般的美国。

I need to have a small identifier to highlight the particular city on Map using jVectorMap. what would be the Ideal way to do so. May be I can put something like image(say 3px wide and high red coloured near San Francisco) on Map. This way users can locate the precise location rather than USA in general.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

娇俏 2024-12-19 09:03:53

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

You can do it in the last version of jVectorMap.

说好的呢 2024-12-19 09:03:53

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;}

jVectorMap does just that, draw vectors. I don't see any mention in the API of defining true "points". So you can either draw a tiny polygon around San Fransisco, or you can overlay your own image manually. 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;}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文