新手问题 已解决 - 使用 leaflet.js:地图标记效果实现

blacktulip · 2013年03月19日 · 最后由 maczhou 回复于 2017年03月14日 · 19683 次阅读

额... 如今有这么个需求:

  1. 网页显示一副地图,可以是嵌的外部服务也可以就是一张图片,这个无所谓;
  2. 地图上有几个标记地点;
  3. 同一网页内,地图外面有许多人的名字;
  4. 每个人名关联地图上的一个标记点,表示这个人在这个位置;
  5. 当鼠标移动到某个人名上的时候,地图上对应的这个标记地点会亮起来;
  6. 当鼠标点击地图上某个标记地点的时候,弹一个气球出来显示这个地点关联的所有人名。

请问这需求有没有现成的库,现成的解决方案?谢谢...... JavaScript 实在一窍不通 T_T

google 地图 百度地图都可以做,具体自己看文档去..

这还是需要你会点 js 的。。。

高德地图 SDK

地图 api 都有基于实现,国内建议使用百度。出于用户考虑 google 地图经常性无法访问。

是不是想做类似的东西? http://yourtime.intridea.com 可以试试 mapbox:http://mapbox.com/

google map 的话找 marker 相关的 api 就可以了,api 里不支持的,可以找 https://code.google.com/p/google-maps-utility-library-v3/ 看看

国内用百度地图吧,做过差不多的东西,很容易实现的

是需要这样的 Google Maps 的 Markers 吗? http://www.angelaandalison.com/stores 可以用这个: https://github.com/apneadiving/Google-Maps-for-Rails

感谢楼上回复的各位,虽然没有用到各位提供的方案... 基本上解决了,使用的是 http://leafletjs.com/

#9 楼 @blacktulip leafletjs 可以和 baidu 地图搭配使用不?

#10 楼 @cisolarix 百度得做 plugin 吧。URL 输出和Leaflet标准的不一样

请问楼主 Leaflet 的地图用什么工具制作

需要 登录 后方可回复, 如果你还没有账号请 注册新账号