如何制作没有Flash的互动城市地图

时间:2013-02-09 06:00:13

标签: javascript jquery google-maps dreamweaver user-interaction

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

这个想法 - 在美国有一张奇异城市的地图,我可以用jquery来概述这座城市内的城镇。然后,我希望能够进一步了解所述城镇的详细信息,包括购物中心,公园,街道名称,可用住房等。

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

这不一定要保留在同一页面上,但如果确实如此,那就太好了。

如果这可能是过于昂贵的雇佣某人或太长而无法坐下来为一个人编码,那么我的下一个选择就是使用谷歌地图。现在我知道谷歌地图没有最新的视觉效果,所以我想知道是否有可能设置我自己的标记和可能的地点图片,如果它们不存在于谷歌?

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

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

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

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

1 个答案:

答案 0 :(得分:3)

有一个很棒的插件,它是jvectormap:

http://jvectormap.com/

非常轻巧&跨浏览器(vml用于非svg支持)&非常容易扩展(这比你有一个你不需要的选项的插件更好,这里它有最小的然后你添加你需要的东西)通过点击,鼠标回调开始& ;这对大多数情况来说都足够了。

如果正确转换地图,则

轻量级(限制为最大细节级别)。 现在,插件使用的矢量地图的转换可能很棘手,但有一个关于它的维基:

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

我已经编辑了关于在ubuntu上使用GIS软件的wiki部分。使用SAGA-GIS确实是一个救世主&学习如何立即发布插件的任何地图是一件好事。

我要补充一点,我已经测试了任何图表中的任何地图。来自fusioncharts的融合图和imo jvector是赢家,没有任何竞争的跨浏览器/定制简易性/灵活性/带宽/执行效率......&最后但并非最不重要的是它是免费的!