本人独立开发的数据可视化网站，已经有中国地图、世界地图两个地图编辑器了，

支持级联下钻、在线导入数据、自定义区域 

全程在线导出结果，无需下载任何应用，免费使用，部署在腾讯云已经稳定运行快三年~

几个月前有读者后台私信，能不能做一个地图标注功能，当时记下，

刚好最近我自己有类似的需求，而且特别精细个性化，我尝试了已有的一些应用或者网站，没有一个能完美符合我的需求的，

相信有不少 GIS 专业或者需要 GIS 技能的同学偶尔也会有这个需求~

怎么办？那就自己开发一个呗，独立开发者就是这么任性，

于是我在周末花时间开发完成并上线了，依旧免费使用~

打开这个网页，可以看到界面分左中右三栏，可自由拖动宽度，

左栏是数据导入、新增、编辑以及地图样式、标注分级颜色等设置面板

中间是地图显示结果页，基于 LeafLet 地图 JS 库

右侧是数据统计以及结果导出处，可导出为图片或者 HTML 到本地

首先可以选择数据导入，只支持 

后续的数据新增或者编辑都是基于这个数据表处理了，

当然了，也可以选择不导入，默认就是一个空表，后面的操作就是基于这个空表，

这里我演示选择导入一个符合要求的 

导入并且解析后，中间地图就会实时渲染，地图默认是定位到北京的，

无论是初始的数据导入，还是后续的新增数据点、编辑数据点，

每一次数据操作，地图会根据所有现存点自动计算中心点并自动定位，

同时根据数据点范围自动计算合适的缩放大小，如上图所示，

现在地图上有一大一下两个点，我们新增一个大数据点试试，

视角和缩放都自适应了，颜色根据图例渲染，非常 Nice，

如果对刚才新增了错误的数据点，我们也可以接着编辑数据表，不过不建议这样操作~

接下来是点击分级颜色及大小设置，也是就 legend 图例，

可以自定义级数，默认是分三级，可以增删，也可以修改每一级的数据值大小范围

也可以点选颜色选择框，自由设置每一级的颜色，总之非常方便，

预制了十种左右的地图样式，可选择下拉框自由选择更改，

高度、标题文字大小颜色边距等设置

支持设置地图高度，方便适配大屏，宽度可自由拉伸，

支持设置标题、副标题的字体大小、颜色、左边距、顶边距等等

也可以设置 legend 的标题、宽度（高度自适应）和边距

但是，为避免地图频繁刷新，以上修改，需要等到下次地图数据点和底图修改后才生效

右侧实时显示数据点数和经纬度范围，

同时可点击导出 PNG 图片，或者导出 HTML 文件到本地浏览地图

所有的操作均可在网站上完成，渲染结果可导出到本地，

使用腾讯云开发了一个超灵活配置的 poi-marker 在线地图标注网站

刚好最近我自己有类似的需求，而且特别精细个性化，我尝试了已有的一些应用或者网站，没有一个能完美符合我的需求的，于是自己动手，丰衣足食~

云计算

前端

后端

独立开发的数据可视化网站提供地图标注功能，支持在线导入CSV数据、自定义标注颜色大小、智能定位缩放，可导出PNG或HTML。基于Leaflet.js和Pandas技术栈，部署在腾讯云稳定运行三年，完全免费无需注册登录。

数据可视化

大数据

腾讯云BI新客户首次购买9.9元起！


AI驱动 智领未来

bigdata-class

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

使用腾讯云开发了一个超灵活配置的 poi-marker 在线地图标注网站

使用腾讯云开发了一个超灵活配置的 poi-marker 在线地图标注网站

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐