高德地图海量点 API 初探

最新推荐文章于 2024-09-02 16:55:33 发布

强行中文名

最新推荐文章于 2024-09-02 16:55:33 发布

阅读量1.5k

点赞数 3

分类专栏：效率提升文章标签： html api 数据可视化

本文链接：https://blog.csdn.net/qq_44926567/article/details/108410378

版权

这篇博客简要介绍了如何使用高德地图的API在地图上标记海量点。通过一段HTML代码示例，展示了如何在头部引入API，设置地图样式，并添加经纬度数据来生成地图。最终效果为地图上显示大量点，且在自定义地图时仅保留了道路元素。

摘要由CSDN通过智能技术生成

高德地图提供了地图上标记海量点的 API，具体内容和其他 API 可见官网高德地图 Js API 。
但是官网的文档实在太大了，而且各种链接有点隐蔽，看起来很费事。所以这里主要是对着一段 html 代码简要介绍一下。

talk is cheap, show me the code!

开始，第一块不解释：

<!DOCTYPE html>
<html lang="en">

头部，基本上不用修改：

  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="initial-scale=1.0, user-scalable=no, width=device-width"
    />
    <title>海量点</title>
    <link
      rel="stylesheet"
      href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"
    />
    <style