使用MapBox自定义地图

一、什么是MapBox,相对国内地图厂商的优势

MapBox是一家美国的地图厂商,2010 年成立于美国华盛顿,2017 年获得软银 1.64 亿美元 C 轮融资,完全开源的开发工具,帮助您在现有产品中实现灵活、轻量、稳定的地图、搜索、导航等位置功能的无缝添加。
因为完全开源所以你可以使用它做自己的地图,而不是像国内厂商一样只能使用厂商配置好的地图。比方说一些产业园区在百度或高德地图中没有显示内部道路,如果这时候有这个显示需求就得借助瓦片或者使用mapbox自己绘制地图了。

二、自定义地图需要做些什么

这里所说的自定义地图不是说自定义地图样式即颜色搭配而是自己绘制道路建筑物等内容

1.准备经纬度数据集合

这里我自己准备了一些经纬度点集合,然后对这些数据进行加工处理,需要符合mapbox对经纬度点集合的要求格式,即xx.geojson的格式
如:

{"type": "Feature","geometry": {"type": "Point","coordinates": [125.6, 10.1]},"properties": {"name": "Dinagat Islands"}
}

其中type字段可以不用理会,geometry定义了点集合的特征类型,properties字段定义了这部分点集合的名称,可以理解为道路的名称什么的,geometry字段中的type定义了coordinates点集合表示什么,type的可选字段有Point、LineString、Polygon、MultiPoint、MultiLineString和MultiPolygon(分别是点,线,多边形等)关于geojson的更多格式说明可以参阅https://www.oschina.net/translate/geojson-spec

2.导入已经处理的经纬度xxx.geojson格式数据

进入MapBox的Studio页面点击右上角的Datasets选项然后点击New dataset导入处理好的数据,建立数据底图。

这我自己创建的底图
这简单创建的地图底图。

3.创建地图样式并添加底图

在Mapbox的Studio首页点击New style创建地图样式,然后进入工作页面在左侧的控制面板中选中Layer点击“+”添加图层数据选择你之前创建的底图数据即可
然后底图就覆盖在地图上
在这里插入图片描述
这样就可以看到之前创建的线条在地图上,这些线条就是道路,这里还没有设置线条的宽度和样式。
在导入数据时可以选择type,第一次选择type为Line即为道路,第二次导入数据选择type为Symbol即为字符就是道路的名称,然后设置Line的样式和Symbol的样式,就完成了道路的简单绘制
在这里插入图片描述
这就是完成的效果,在缩放的时候和正常的地图一样,道路名称也会发生缩放,也可以自己设置缩放等级什么的。
好,现在就完成了简单的自定义地图绘制。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/68190.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

企业网络设计,看这6个案例就够了

百度、美团的网络我们都可以称他们为企业网络。因为他们的网络本身是为自己提供服务,不提供网络的接入服务。 企业网主要包括三块内容:园区网、广域网和数据中心。按照网络用途来分,也可以分为办公网和生产网。 以上术语都是根据自己公司的…

雷军10周年演讲全文:没有任何成功是不冒风险的

点击上方[全栈开发者社区]→右上角[...]→[设为星标⭐] 2020年8月11日19:30,小米十周年,雷军公开演讲如约而至。在近3小时的演讲中,雷军用20个故事回顾了小米过去的热血10年,也展望了新的10年: 创新之火将会照亮每个疯…

一行代码值 200 万?雷军公开小米新 Logo 引吐槽

↓推荐关注↓ 今年是小米成立的第 10 年,从最初的 10 几个人创始团队,发展到如今的 3 万多员工。 为了迎接第十年,雷军透露在三年前(2017年)市场部同事曾建议他“升级品牌识别系统,先从 logo 开始。” 说干…

小米上市,雷军或成中国首富?作为科技粉也许你该关注的是这些

作者 | Leo 作为股票市场的老韭菜,这几天营长关注到的科技圈新闻有两个。 一个是 21 世纪经济报道的消息:证监会要对四大新兴行业独角兽 IPO “即报即审”,四个行业具体为生物科技、云计算、人工智能、高端制造。这意味着包括人工智能在内的四…

高端小米,雷军求“稳”

雷军21日在微博宣布,小米高端手机开始对标苹果,在产品品质和规格方面“向苹果学习”。 对此,有网友调侃: “对标苹果没有问题,但不要只对标价格。”苹果在高端手机市场中的成功,没有一家国产手机想要缺席。…

雷军,也卸任了……

兄弟们,大家中午好呀。 前几天咱们提到过,小米最近这段时间,有比较大的人事变动。 先是原来的小米集团总裁王翔在12月底退休,接任他的是前Redmi的负责人卢伟冰。 这才刚到1月份,新官上任的卢伟冰就又有新的职务了。 1月…

泪目!雷军突然卸任……

兄弟们,昨天下午小米的雷军,突然上热搜了。 这次不是因为小米又有什么新品,要宣传。 而是因为雷军突然卸任小米电子软件公司董事长一职。 来看看新闻的具体信息: 近日,北京小米电子软件技术有限公司发生工商变更。 雷军…

雷军:向小米手机1首批用户每人赠送1999元红包

本文转载自IT之家 IT之家 8 月 10 日消息 今日晚间,2021 雷军年度演讲召开。小米集团 CEO 雷军宣布向小米手机 1 首批用户每人赠送价值 1999 元的红包。 雷军表示:“十年前,小米 1 开售,1999 元,18.46 万台&#xff0…

【CSDN竞赛】题目讲解+对想打比赛的朋友的一些学习建议(ACM,蓝桥杯,PAT等)

目录 比赛反馈: 学习建议: 算法路线: 刷题平台: 比赛: 比赛题目讲解: 第一题: 第二题: 第三题: 第四题: 结尾: 今天也是…

计算机软件比赛团队名称,辩论赛 | 最佳人气团队评选

原标题:辩论赛 | 最佳人气团队评选 不得了啦~~~ 辩论赛最佳人气团队投票评选活动 火热进行中!!! 下面小编将会带你走近各个学院的战队 最佳人气团队花落谁家 有你们决定! 快为你喜欢的战队投票吧~~ 不要 眨眼 建筑学院 队名:艾德曼 口号&…

ucl计算机学院位置,2017伦敦大学学院设施及地理位置介绍

原标题:2017伦敦大学学院设施及地理位置介绍 所属地区:英格兰 所在城市:London 授课类型:本科硕士博士博士后 学校排名:TIMES排名:5 卫报:5 金融时报:5 伦敦大学学院图书馆藏有超过一…

UCL葡萄酒(red white wine quality)数据集字段解释、数据导入实战

UCL葡萄酒(red white wine quality)数据集字段解释、数据导入实战 目录 UCL葡萄酒(red white wine quality)数据集字段解释、数据导入实战 #数据字段说明 #导入数据 #数据字段说明 葡萄酒分为白葡萄酒和红葡萄酒两类。 此处为…

强化学习入门笔记 | UCL silver RL | UC Berkely cs285 DRL

学习情况: 🌱 先后听了两门课程,分别是David Silver的RL和Sergey Levin的DRL。各耗时一周左右,后者更难一些。对RL基本概念、常用算法原理及其伪代码有了大致了解。但是因为时间有点赶,没有敲完整的算法代码。 &…

机器学习极好的入门学习视频推荐

首先说明本人最早看的机器学习视频是吴恩达的机器学习后来发现并不适合我。如果你以前了解过一些算法,不妨看看我以下推荐的视频,对于一点都不了解机器学习的小白,那就更要看我推荐的视频了,当然吴恩达的机器学习也很好&#xff0…

强化学习决策涉及因素太多,要知道确切的概率几乎不可能?

强化学习已经席卷了整个 AI 世界。从 AlphaGo 到 AlphaStar,由强化学习提供动力的 AI 智能体已经战胜了越来越多由人类主导的传统活动。通过在某一环境中对智能体行为进行优化以实现最大奖励是强化学习的关键,但是绝大多数强化学习方法需要对环境有完整的…

B站上线!DeepMind加UCL强强联手推出深度学习与强化学习进阶课程(附视频)

编辑:元子 涞源:新智元 DeepMind和伦敦大学学院(University College London,UCL)合作,推出了一个系列的深度学习与强化学习精品进阶课程。该课程内容已经被录制为视频,并由爱可可爱生活上传B站供…

ucl计算机教授汪军,UCL汪军教授开课:带你入坑多智能体机器学习(免费)!

人工智能已经在围棋、图像识别和语音识别等领域达到甚至超越了人类专家水平,但智能化的机器离我们仍然很远。要想实现通用智能,AI智能体必须学习如何在共享环境中与「他人」进行互动,由此产生了人工智能的一个前沿研究领域:多智能…

UCL USL过程控制上下限与产品公差及极差

upper control limit/ low control limit, UCL/LCL : 上控制限/下控制限, 一般是根据产品和过程特性, 统计数据, 按照一定公式及系数, 计算获得; 一般是在/-3sigma 之间; 用于查看过程的受控状态... 控制限的计算 首先计算极差图的控制限, 再计算均值图的控制限; 计算型数据…

抖音无水印下载不求人

1.得到分享 url 2.找到有水印的url chrom 浏览器 按 F12 打开调试 https://aweme.snssdk.com/aweme/v1/playwm/?video_idv0300fa50000c05t58fkppmf0vsga26g&ratio720p&line0 只有 video_id 有用, 其他的参数没用, 精简后的 url 为 https://aweme.snssdk.com/aweme/…

简历怎么写

简历是你进入面试的敲门砖,也是留给意向公司的第一印象,所以这个很重要,必须在这上面做足了文章,一份优秀的面试简历是整个面试成败的重中之重,我们会详细分析如何准备简历才能保证简历不被刷掉。 准备专业技能 关于对…