Cadre WebGIS - kalrry

Un.、Introduction

1. Comprendre d'abord,WebGLC'est un3DProtocole de dessin,C'est juste une norme,Sur la base de ce critère,Vous pouvez écrireMapBox-GL,Vous pouvez aussi écrirethree-GLCadre isométrique,Ils parlent tous dewebPour rendre des graphiques 3D(Rendre)Moteur

2. Sur la difficulté,thingjs(Cadre)<threejs(Moteur)<webgl(Interface)
   Basé surWebGLDe3D Application de la technologie dans les pages Web ThingJS

3. Passe souventarcgis Publier une carte 2D ou 3D ,Ensuite, appelez le clientjsonRéalisationwebglRendre.

2.、Pourquoi avons - nous besoinWebGL?

Parce quehtml5Malgré le soutienCanvas, Mais vous ne pouvez dessiner que des graphiques 2D dessus ,Il faut doncWebGL Pour dessiner des dessins 3D .

Trois、Pourquoi?WebGLJ'en ai besoin.mapbox-glEtthree-gl？

Parce queWebGL La Bibliothèque de classe de base est comme C++ La fonction de base est la même. , Une couche de plus est nécessaire , Qui peuvent être utilisés à diverses fins 3DUtilisation par l'utilisateur.

Quatre、WebGISCadre

1、OpenLayers----Open Source-2D

2、Leaflet----Open Source-2D

1. Site officiel
   Leaflet Est une carte moderne développée pour les appareils mobiles 、Open SourceJavaScript Bibliothèque.C'est fait par Vladimir Agafonkin Diriger une équipe de collaborateurs professionnels pour développer , Bien que le Code n'ait que 38 KB, Mais il a la plupart des fonctionnalités pour les développeurs de développer des cartes en ligne .

2. Souvent utilisé2DRendu de cartes

3. RÉFÉRENCES
   RÉFÉRENCES
   Tutoriels

3、Arcgis----Charges

1. Introduction
   Site officiel
   ArcGIS Est un système complet , Les utilisateurs peuvent les utiliser pour collecter 、Organisation、Gestion、Analyse、 Échange et diffusion d'informations géographiques . En tant que leader mondial des systèmes d'information géographique (GIS) Plate - forme de construction et d'application ,ArcGIS Pour que les gens du monde entier puissent appliquer les connaissances géographiques aux gouvernements 、Entreprises、Science et technologie、 Éducation et médias .ArcGIS Peut publier des informations géographiques , Pour que tout le monde puisse y accéder et l'utiliser . Ce système peut passer n'importe où web Navigateur、Appareils mobiles（ Comme les smartphones et les ordinateurs de bureau ）Pour utiliser.
2. RÉFÉRENCES
   RÉFÉRENCES1

4、Cesium----Open Source—Choisissez ceci en priorité

1. Introduction
   Introduction
   Site officiel
   Third Party Chinese network
   Cesium Est une carte 3D de la terre,Classe mondialeJavaScriptProduits Open Source.Il fournit une base de donnéesJavaScriptTrousse de développement linguistique,Facile pour les utilisateurs de construire rapidement une terre virtuelle avec zéro plug - inWebApplication,Et dans la performance,Précision,Qualité du rendu et multiplateforme,La facilité d'utilisation est garantie de haute qualité.

2. Comment utiliser

//1、npmMode d'installation
npm install cesium
//2、 Ou télécharger directement sur le site officiel 
[Téléchargement sur le site officiel](https://cesium.com/downloads/)

4. RÉFÉRENCES
   RÉFÉRENCES1
   RÉFÉRENCES2

5、Mapbox----Open Source

1. Introduction
   Site officiel chinois
   Site officiel
   Mapbox .Dédié à la création de la plus belle carte personnalisée au monde .
   Lors d'une recherche accidentelle d'information sur les cartes, j'a i trouvé une carte merveilleuse et belle , Cette carte prend en charge une grande personnalisation des différents éléments de la carte ,Par exemple,,Routes,Système d'aqueduc,Espaces Verts,Les bâtiments,Couleur de fond,Attendez un peu!.MapboxConstruitMapbox studio Studio virtuel de production de cartes , C'est un éditeur personnalisé parfait pour les éléments de carte .En plus, .Nous pouvons également télécharger les données d'information géographique de notre projet sur MapboxCloud, .Ensuite, il est présenté au client de son propre projet .
   Mapbox Les données cartographiques proviennent de Open Street Map（OSM） Autres fournisseurs de données cartographiques ,EtGoogle Map、Apple Map Les sources de données cartographiques des fabricants de cartes sont similaires .
2. RÉFÉRENCES
   Référence du tutoriel

Cinq、Construction de l'environnement

1、Préface

1. WebGIS Il existe de nombreuses formes de développement , Par exemple, quelqu'un utilise Arcgis for JS apiDéveloppement,Quelqu'un l'a utilisé.OpenLayersDéveloppement,Quelqu'un l'utilise.MapboxGLDéveloppement,Quelqu'un l'utilise.CesiumDéveloppement.Regarde ça., Ces formes de développement sont différentes , Mais tous appartiennent à WebGISDéveloppement, Sont développés à l'aide d'interfaces , Il y a des propriétés et des méthodes encapsulées à l'intérieur , Il suffit d'apprendre à appeler pour faire ces attributs et méthodes .

2. WebGISCadre
   Ces plateformes de développement de cartes ,Parmi euxArcgis for JS api Pas une plateforme de développement de cartes Open Source ,EtOpenLayers,MapboxGL,Cesium Est une plate - forme de développement de cartes Open Source . Sur le développement de cartes 2D et 3D ,Parmi euxCesium Principalement utilisé pour le développement de cartes 3D , Sa fonction dans ce domaine est plus puissante , Bien sûr, il peut également être utilisé pour développer des cartes bidimensionnelles .EtOpenLayers Le développement de cartes 3D n'est pas pris en charge , Il ne prend en charge que le développement de cartes 2D ,MapboxGLEtArcgis for JS api Sont pris en charge en 2D et 3D , En comparant les difficultés d'apprentissage, , Si cinq étoiles sont à pleine échelle ,ApprendreArcgis for JS apiOn peut dire que oui.4 Difficulté au niveau des étoiles ,ApprendreMapboxGLEtOpenLayersIl devrait y avoir3 La difficulté des étoiles ,ApprendreCesiumC'est plus simple., Il y a beaucoup de cas en ligne pour que nous puissions apprendre , Apprenez le niveau de difficulté de deux étoiles , Mais il suffit de maîtriser la porte. , Apprendre est relativement rapide , Et ce n'est que la partie émergée de l'iceberg .

3. Résumé, Degré d'apprentissage et de maîtrise requis ：
   Comprendre le courant dominant WebGISCadre,Y compris:Openlayers, Cesium, MapboxGL, Leaflet, ArcGIS API for js
   Essayez d'installer1-2Le cadre de l'espèce.

2、Construction de l'environnement

3. Construction rapidearcgisEtcesiumEnvironnement

4. Référence de configuration----Adoption leaflet、cesium、mapBox Créer une carte

Six、Extension

1、QGIS----Basé surQT

1. QGIS----Open Source
2. QGISProduction de cartes

2、Compris.Three.js

1. Référence d'apprentissage
2. Référence d'apprentissage
3. WebglRéférence du réseau chinois
4. IllustrationWebGLAvecThreejsComment ça marche