Javascript 如何在没有Flash的情况下制作交互式城市地图

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

想法是——制作一张美国某个城市的地图，我可以使用jquery勾勒出该城市内的城镇轮廓。然后，我希望能够深入了解上述城镇的更多细节，比如购物中心、公园、街道名称、可用住房等

我可以使用从城市收到的地图细节，从矢量文件中绘制/勾勒出所有这些小部分

这不一定要保持在同一页上，但如果它保持在同一页上就好了

如果雇佣一个人的成本太高，或者坐在那里为一个人编写代码的时间太长，那么我的下一个选择就是使用谷歌地图。现在我知道谷歌地图没有最新的视觉效果，所以我想知道是否有可能设置我自己的所有标记，如果谷歌地图上不存在位置的图片，是否有可能

结果-一个自定义地图，有点让人想起谷歌地图，只是没有谷歌地图本身的麻烦，如果有一个搜索选项，使用谷歌地图作为最后手段，我不希望搜索结果显示任何东西，但城市范围内的位置

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

这些都是我发现的类似的例子，但大多数只是停留和点击，没有进一步的

---

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

它非常轻量级和跨浏览器（vml用于非svg支持）&非常容易扩展（imo比有一个充满了您不需要的选项的插件要好，这里它有最小的选项，然后您可以添加您需要的内容）通过点击、鼠标悬停回拨开始，这对于大多数情况来说已经足够了

如果正确转换地图，则为轻量级（限制为最大细节级别）。 现在，插件使用的矢量地图的转换可能很棘手，但有一个关于它的wiki：

我已经编辑了维基中关于在ubuntu上使用GIS软件的部分。使用SAGA-GIS确实是一个救星&学会立即发布插件地图是一件好事

---

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

作为jVectorMap的作者，我真的很高兴读到这篇评论。非常感谢。我还想补充一点，最近我发布了一个alpha版本的工具，可用于从普通SVG文件转换jVectorMap的地图。这里就是。我还使用jVectorMap为一个城市创建了一张地图，在这里输出anshumania.github.io/drish-map和notes，以对这里的任何城市执行相同的操作