如何通过 javascript 实现地图标记

2020-10-26 08:37:57 +08:00
 lskjdfgl

如何通过 javascript 实现这种方式的地图标记，

  1. 地图外面的文字是后台返回的
  2. 可以在页面对内容做一些修改
  3. 可以放大缩小地图，但是文字的大小不变

高校分布

高校分布

高校分布

2059 次点击
所在节点    程序员
13 条回复
huminted
2020-10-26 08:40:44 +08:00
接地图 sdk
314158005
2020-10-26 08:47:17 +08:00
echarts,
lskjdfgl
2020-10-26 08:49:41 +08:00
@huminted @314158005 地图 SDK 和 echarts 没有找到所有内容全部显示在地图外面的方法
DL9412
2020-10-26 08:52:16 +08:00
记得以前拿 arcgis 做过地图标注，不过挺麻烦的，还得专门做底图录数据
wdzj
2020-10-26 08:56:06 +08:00
Arcgis 、OpenLayers 都不错，如果只是地图标注就有些浪费了，要看你用的什么加载的地图。能获取到经纬度对应的页面坐标。那你可以根据页面坐标自己画。
ansenJ
2020-10-26 09:14:12 +08:00
new Bmap.Label() 剩下的你自己百度吧
Chenamy2017
2020-10-26 09:16:37 +08:00
考虑下 echarts
GressJoe
2020-10-26 09:20:24 +08:00
openlayers 、leaflet 、mapbox
azcvcza
2020-10-26 09:40:06 +08:00
这不纯粹就是在地图上画标注物的问题吗。我选地图上的弹窗都是可以用 div 配合 absolute 来实现，要想自己搞就要拿到地图坐标，还有当前 boundingBox，从 boundingbox 算 div 的 left top bottom right，如果不需要配合地图移动实现动态更新坐标的话，就这么做喽
AreYou0k
2020-10-26 10:34:40 +08:00
https://gallery.echartsjs.com/editor.html?c=xmOgZZ5lD2
zhouwei520168wi
2020-10-26 10:45:12 +08:00
webgis 看一下这个吧
catcn
2020-10-26 11:01:48 +08:00
leaflet，不推荐落后的 openlayers
aijialefu
2020-10-26 11:05:17 +08:00
@AreYou0k 这个牛

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/718514

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX