如何在没有Flash的情况下制作交互式城市地图
How to make an interactive city map without Flash
因此,我查看了之前提出的所有问题,发现大多数人都没有回答任何问题,我想重新表述一下关于制作可点击地图的问题。
这个想法——有一张美国某个城市的地图,我可以用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在跨浏览器/定制易用性/灵活性/带宽/执行效率方面没有任何竞争,是赢家&最后但同样重要的是它是免费的!
- 如何在未直接触发的情况下停止事件
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 在不使用jquery的情况下查找页面中的所有锚点并附加函数
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 在不阻止默认行为的情况下检测IE10中的缩放
- 如何在不传递此信息的情况下查找被调用的元素
- 如何在不刷新页面的情况下更新显示框
- 有没有一种方法可以在控制台关闭的情况下让console.log()在IE中记录消息
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- 在我的情况下,如何进行http请求
- 在不知道深度或父属性的情况下从对象中删除属性
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件
- ROR:如何在不重新加载浏览器的情况下从控制器获取参数
- 如何在不影响其他元素的情况下扩展DIV
- 如何在内联依赖项并将图像转换为dataURI的情况下完全提取网页
- 在不移动内部文本的情况下缩放元素的效果
- 在不设置协议的情况下,使用javascript/jquery更改iframe-src
- 默认情况下折叠和展开嵌套列表
- Google+-如何在不点击按钮的情况下打开交互式帖子对话框
- 如何在没有Flash的情况下制作交互式城市地图