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

如何通过 javascript 实现地图标记

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