首页 - 关于研博 - 技术笔记 - Mapbox指南:解锁地理数据可视化的炫酷之旅
Mapbox指南:解锁地理数据可视化的炫酷之旅
2024.10.22

一.简介

 1. Mapbox简介

   Mapbox是⼀个可以创建各种⾃定义地图的⽹站,如 Pinterest、Evernote、Github、500px 等⼤牌都使⽤ Mapbox 创建⾃⼰的地图,Mapbox 宣称要构建世界上最漂亮的地图。已为 Foursquare、Pinterest、Evernote、⾦融时报、天⽓频道、优步科技 等公司的⽹站提供了

   订制在线地图服务。Mapbox 针对不同平台均开发了相应的 GIS 引擎以满⾜开发者或相关⽤户的需要,如:iOS SDK(⽤于iOS端开发)、Android SDK(⽤于Andriod端开发)、Navigation SDK(⽤于Navigation端开发)、Unity SDK(⽤于Unity端开发)、GL JS(⽤于web端开发)。不同平台的SDK,除使⽤⽅式不同外,功能特性上也多多少少存在不同。此外,Uber还针对react开发了 react-map-gl。总的来说,Mapbox的开源技术栈是⾮常全⾯的。

2. 前置知识了解

        (1)GIS概述

   定义GIS(地理信息系统)是一种基于地理位置数据(如经纬度、海拔、地形等)的计算机系统,用于捕获、存储、查询、分析和展示地理信息。

   作用GIS广泛应用于城市规划、资源管理、环境保护、农业决策等领域,为决策者提供科学、准确的空间数据支持。

(2)地理坐标系统

   定义:地理坐标系统用于定位和描述地球上的位置。常见的地理坐标系统包括经纬度和投影坐标系。

   经纬度

   定义:经纬度是一种基于球体坐标系的地理坐标系统,用于描述地球表面上的任意位置。

   经度:从东到西的度量,以0°到180°的形式表示,以本初子午线(通常是格林威治子午线)为基准线。

   纬度:从南到北的度量,以0°到90°的形式表示。

(3) 空间数据

   定义:空间数据是GIS中的核心数据类型,描述了地球表面上的空间实体和现象。

l矢量数据

   定义:表示地理位置为点、线、面等几何对象。

   特点:精度高、数据量小,适用于需要高精度的应用领域,如土地规划、管网设计等。

   常见类型:点(Point)、线(Line)、多边形(Polygon)等。

l栅格数据

   定义:将地球表面划分为一系列等大小的网格,每个网格表示一个值。

   特点:适用于表示连续和光滑的地形特征,如高程数据、遥感影像等。

二.快速入门

   使用Mapbox之前需要在https://www.mapbox.com/申请一个账号获取accessToken大部分mapbox自带的功能在使用时都需要有令牌

   1.安装

   使用CDN

         

 

   vue3使用Mapbox

  (1)安装Mapbox

         

 

  (2)引入使用

         

 

  (3)配置访问令牌

        

 

  (4)导入地图构造函数和类型对象。

        

 

   2.初始化地球

        

 

       3.camera ⻆度

       

 

      3.1  pitch 俯仰⻆ 

       

 

     3.2  bearing ⽔平⻆

      

 

  1. 切换底图

     

     map.setStyle() //设置样式

   5. 常用控件

  5.1 全屏控件

      

     

 

     5.2 导航控件

      

      

     

     5.3 定位用户

  https://docs.mapbox.com/mapbox-gl-js/example/locate-user/

      

     

 

     5.4 搜索控件

     

     

 

     5.5 汉化控件

  https://www.npmjs.com/package/@mapbox/mapbox-gl-language

     

 

获取相关资料
下载地址将会发送至您填写的邮箱
相关新闻
深入解析GB/T 28181:构建标准化视频监控网络
2024-10-23
Vue3快速入门
2024-10-23
skywalking快速入门
2024-10-22
  • 在线客服
  • 电话咨询
  • 微信
  • 短视频