• 请不要在回答技术问题时复制粘贴 AI 生成的内容
lskjdfgl
V2EX  ›  程序员

如何通过 javascript 实现地图标记

  •  
  •   lskjdfgl · Oct 26, 2020 · 3004 views
    This topic created in 2024 days ago, the information mentioned may be changed or developed.

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

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

    高校分布

    高校分布

    高校分布

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