javascript - 如何在没有 Flash 的情况下制作交互式城市 map

Question

因此，我查看了之前提出的所有问题，发现对于大多数人提出的问题，没有任何答案，我想重新表述一下有关制作可点击 map 的问题。

想法 - 有一张美国单个城市的 map ，我可以使用 jquery 勾勒出该城市内的城镇。然后我希望能够进一步了解所述城镇的详细信息，显示购物中心、公园、街道名称、可用住房等信息。

我可以使用我从城市收到的 map 详细信息来绘制/勾勒出我拥有的矢量文件中的所有这些小部分。

这不一定必须保留在同一页面上，但如果保留了就好了。

如果雇用某人的成本太高，或者一个人坐下来编写代码的时间太长，那么我的下一个选择是使用 Google map 。现在我知道 Google map 没有最新的视觉效果，所以我想知道是否可以设置我自己的所有标记和位置图片(如果它们在 Google 上不存在的话)？

结果 - 一个有点像 Google map 的自定义 map ，只是没有 Google map 本身的麻烦，如果有一个使用 Google map 作为最后手段的 map 搜索选项，我不会想要搜索结果显示除城市范围内的位置以外的任何内容。

或者我应该只使用 DreamWeaver 热点 map ，每个 map 都链接到各自的位置详细信息？

这些是我发现的类似示例，但大多数只是悬停和单击而已。 http://davidlynch.org/projects/maphilight/docs/demo_usa.html

http://exploregooglemaps.blogspot.com.br/p/resources.html

Answer 1

有一个很棒的插件可以做到这一点，它是 jvectormap :

http://jvectormap.com/

它非常轻量且跨浏览器(vml 用于非 svg 支持)& 非常容易扩展(我觉得这比拥有一个充满你不需要的选项的插件要好，就在这里有最小值然后你添加你需要的)通过点击，鼠标悬停回调开始 & 这对于大多数情况来说就足够了。

如果您正确转换您的 map (限制到最大细节级别)，则重量轻。现在插件使用的矢量图的转换可能很棘手，但有一个关于它的 wiki :

https://github.com/datag/jvectormap/wiki/Map-converter-notes

我已经编辑了 wiki 中关于在 ubuntu 上使用 GIS 软件的部分。使用 SAGA-GIS 确实是一个救世主，也是一件好事，可以立即学会为插件发布任何 map 。

我要补充一点，我已经测试了来自 anychart 的 anymap 和来自 fusioncharts 的 fusionmap，并且 imo jvector 是赢家，没有任何跨浏览器/自定义易用性/灵 active /带宽/执行效率的竞争......最后但不是至少它是免费的!