【问题标题】:How do I highlight a certain city on world Map using jVectorMap plugin如何使用 jVectorMap 插件在世界地图上突出显示某个城市
【发布时间】:2011-10-27 15:36:25
【问题描述】:

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

【问题讨论】:

    标签: javascript jquery map world-map jvectormap


    【解决方案1】:

    你可以在jVectorMap的最新版本中做到这一点。

    【讨论】:

    • 谢谢好友,太棒了,jvectormap 中有什么新功能。我们可以自定义那些黄点并放置一些像样的标记吗?我可以帮忙吗?
    • 我正在完成新的完全重写的 jVectorMap 版本。现在您可以更改标记的颜色和大小。稍后我将添加定义为图像的标记。
    【解决方案2】:

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

    【讨论】:

    • 谢谢你的朋友,但我需要把这个深红色放在世界地图上,而不是美国地图上。好吧,我如何在世界地图上定位精确点,因为地图很大,定位精确点将变得更具挑战性,如果我必须选择两个相邻的城市
    • Ans 我看到这个实现的一个限制,如果你将鼠标完全悬停在图像上,它会覆盖默认的 jvectormap 突出显示状态的行为
    • 第二个限制有没有解决办法
    • 对不起,伙计,您所做的任何事情在某种程度上都会成为黑客行为。 “点”在该插件中没有任何意义。如果在悬停在重叠图像上时失去悬停效果是一个问题,那么还有其他方法可以使它看起来像那个红点,但你必须问自己如何处理竞争的工具提示?底线:如果您想要地图,请去找专家。 code.google.com/apis/maps/documentation/javascript/basics.html
    • 你能提供一个链接吗?我提供的小提琴上的地图有一个绝对大小,所以不,它不会在调整大小时改变。如果您制作了流体地图,则需要 javascript 将其移回浏览器调整大小时的位置。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-05
    相关资源
    最近更新 更多