V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lskjdfgl
V2EX  ›  程序员

如何通过 javascript 实现地图标记

  •  
  •   lskjdfgl · 2020-10-26 08:37:57 +08:00 · 2263 次点击
    这是一个创建于 1494 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    高校分布

    高校分布

    高校分布

    13 条回复    2020-10-26 11:05:17 +08:00
    huminted
        1
    huminted  
       2020-10-26 08:40:44 +08:00
    接地图 sdk
    314158005
        2
    314158005  
       2020-10-26 08:47:17 +08:00
    echarts,
    lskjdfgl
        3
    lskjdfgl  
    OP
       2020-10-26 08:49:41 +08:00
    @huminted @314158005 地图 SDK 和 echarts 没有找到所有内容全部显示在地图外面的方法
    DL9412
        4
    DL9412  
       2020-10-26 08:52:16 +08:00
    记得以前拿 arcgis 做过地图标注,不过挺麻烦的,还得专门做底图录数据
    wdzj
        5
    wdzj  
       2020-10-26 08:56:06 +08:00
    Arcgis 、OpenLayers 都不错,如果只是地图标注就有些浪费了,要看你用的什么加载的地图。能获取到经纬度对应的页面坐标。那你可以根据页面坐标自己画。
    ansenJ
        6
    ansenJ  
       2020-10-26 09:14:12 +08:00
    new Bmap.Label() 剩下的你自己百度吧
    Chenamy2017
        7
    Chenamy2017  
       2020-10-26 09:16:37 +08:00
    考虑下 echarts
    GressJoe
        8
    GressJoe  
       2020-10-26 09:20:24 +08:00
    openlayers 、leaflet 、mapbox
    azcvcza
        9
    azcvcza  
       2020-10-26 09:40:06 +08:00
    这不纯粹就是在地图上画标注物的问题吗。我选地图上的弹窗都是可以用 div 配合 absolute 来实现,要想自己搞就要拿到地图坐标,还有当前 boundingBox,从 boundingbox 算 div 的 left top bottom right,如果不需要配合地图移动实现动态更新坐标的话,就这么做喽
    AreYou0k
        10
    AreYou0k  
       2020-10-26 10:34:40 +08:00   ❤️ 1
    zhouwei520168wi
        11
    zhouwei520168wi  
       2020-10-26 10:45:12 +08:00
    webgis 看一下这个吧
    catcn
        12
    catcn  
       2020-10-26 11:01:48 +08:00
    leaflet,不推荐落后的 openlayers
    aijialefu
        13
    aijialefu  
       2020-10-26 11:05:17 +08:00
    @AreYou0k 这个牛
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3998 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 10:18 · PVG 18:18 · LAX 02:18 · JFK 05:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.