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

How to make an interactive city map without Flash

本文关键字:情况下 交互式 城市地图 Flash      更新时间:2023-09-26

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

这个想法——有一张美国某个城市的地图,我可以用jquery勾勒出该城市内的城镇。然后,我希望能够更详细地了解所述城镇,显示购物中心、公园、街道名称、可用住房等。

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

这不一定要保持在同一页上,但如果它保持不变,那就太好了。

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

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

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

这些都是我发现的类似的例子,但大多数只是悬停和点击,没有进一步的内容。http://davidlynch.org/projects/maphilight/docs/demo_usa.html

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

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

http://jvectormap.com/

它非常轻&跨浏览器(vml用于非svg支持)&非常容易扩展;对于大多数情况来说,这就足够了。

如果你正确地转换了你的地图(限制到细节级别的最大值),那么它是轻量级的。现在,转换矢量图以供插件使用可能很棘手,但有一个关于它的wiki:

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

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

我要补充的是,我已经测试了anychart中的anymap&fusioncharts的fusionmap,imo-jvector在跨浏览器/定制易用性/灵活性/带宽/执行效率方面没有任何竞争,是赢家&最后但同样重要的是它是免费的!