arcgis 散瓦片发布服务_mapboxgl 地图服务加载（3857、4490)

最新推荐文章于 2024-03-05 09:04:33 发布
最新推荐文章于 2024-03-05 09:04:33 发布
阅读量2.3k 收藏 5
点赞数
文章标签： arcgis 散瓦片发布服务
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_33078391/article/details/112474644
版权
本文整理了使用MapboxGL加载不同地图服务的代码段，包括TMS、WMS（geoserver-3857/900913）和WMS（arcgis-4490），以及如何处理CGCS2000坐标系的服务。测试表明，该方法适用于geoserver发布的矢量切片、arcgis栅格切片和动态图服务。
摘要由CSDN通过智能技术生成

c4da5f6b70729c97776f1537436772b7.png

使用mapbox-gl有一段时间了，今天整理了一下地图加载的代码段，比较简单，就是方便以后贴代码而已。mapboxgl对地图服务坐标系的要求仅仅是EPSG:3857，也就是web墨卡托投影。如果你的地图服务是此之外的坐标系，你需要另找扩展或自己去写插件了。如果你使用的是cgcs2000(国家2000、4490)的坐标系，可以参考下面这个扩展，本人测试过，geoserver发布的矢量切片、arcgis 栅格切片、arcgis 动态图服务，都是可以的。

cgcs2000/mapbox-gl-js​github.com
eb73831ac390d41289db5c9c079687dd.png

贴过来的代码、有修改，错误请指正，如果你也在用mapbox开发，可以交流学习一下。

1、TMS

mapboxgl针对切片服务有两种schema，一种是OGC标准的“xyz”切片原点在左上角，另一种是OSGeo的"tms"，切片原点在左下角。

geoserver矢量切片：


 



                

        

        




    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  利兄
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
001：Mapbox GL加载基础的地图

				
			

			

				

					大剑师兰特的GIS世界
				

				

					04-12
					
					1540
					
				

			

		

		

			
				
第001个本示例的目的是介绍演示如何在vue+mapbox中加载最基础的 Mapbox GL地图。

			
		

	



                

              
                



	

		

			

				
					
021：Mapbox GL加载arcgis地图（影像瓦片图）

				
			

			

				

					大剑师兰特的GIS世界
				

				

					04-23
					
					1184
					
				

			

		

		

			
				
第020个本示例的目的是介绍演示如何在vue+mapbox中加载arcgis地图（影像瓦片图）。

			
		

	



                


  
              

                


	

		

			

				
					
mapbox-gl.js v2.13.0 实现4326、3857、4490坐标系切片地图服务加载，以及绘图控件

				
			

			

				

					04-25
				

			

		

		

			
				
mapbox-gl.js v2.13.0 扩展支持4326、3857、4490坐标系切片地图服务加载，绘图控件功能包括点、线、面、矩形、圆、编辑、删除等，关闭了token请求。矢量切片涉及的流程比较复杂，原始矢量数据分层、样式设计、矢量切片缓存、前端可视化，以及功能应用实现等。

			
		

	





	

		

			

				
					
arcgisapi4.x3857转4326和视角监听

				
			

			

				

					dangga的博客
				

				

					09-11
					
					397
					
				

			

		

		

			
				
arcgisapi4.x3857转4326arcgisapi4.x3857转4326，视角监听参考官网连接**https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-support-webMercatorUtils.html#xyToLngLat**加个视角监听
arcgisapi4.x3857转4326，视角监听
“esri/geometry/support/webMercatorUtils”,引入方法
参考官

			
		

	



		

			
		



	

		

			

				
					
4.16API在全球场景中添加4490天地图并goto

				
			

			

				

					AriaGIS
				

				

					07-23
					
					1208
					
				

			

		

		

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>加.

			
		

	





	

		

			

				
					
高德sdk android加载3857,ArcGIS API for JavaScript 加载高德地图代码教程

				
			

			

				

					weixin_39742727的博客
				

				

					05-27
					
					304
					
				

			

		

		

			
				
前言加载高德作为底图切片线划图层gaodelayer.jsdefine(["dojo/_base/declare","esri/geometry/extent","esri/spatialreference","esri/geometry/point","esri/layers/tileinfo","esri/layers/tiledmapservicelayer"], function (dec...

			
		

	





	

		

			

				
					
Mapbox4490版，可以加载CGCS2000坐标系数据源

				
			

			

				

					12-03
				

			

		

		

			
				
在这个特定的版本——Mapbox4490，它已经得到了扩展，能够支持加载CGCS2000（中国大地坐标系2000）的数据源。这是一个重要的更新，因为CGCS2000是中国官方采用的现代地心地固坐标系统，广泛应用于地理信息系统（GIS...

			
		

	





	

		

			

				
					
mapboxgl对接wms自定义服务

				
			

			

				

					10-03
				

			

		

		

			
				
在Mapbox GL JS中，我们可以使用`mapboxgl.Source`类型来定义WMS源，其配置参数包括：  1. `type`：设置为`raster`，表示这是一个栅格图层。 2. `tiles`：定义WMS服务的URL模板。通常，这个URL会包含`{z}`、`{x}`和`...

			
		

	





	

		

			

				
					
从零开始Vue项目中使用MapboxGL开发三维地图教程（一）MapboxGL介绍以及前期vue项目的搭建

				
			

			

				

					tigerhhzz的博客
				

				

					06-11
					
					3482
					
				

			

		

		

			
				
1、Mapbox-gl简介2、搭建vue项目2.1、创建vue项目2.2、注册mapbox官网2.3、mapbox-gl入门案例3、Mapbox-gl地图主要配置参数说明Mapbox-gl是一个开源、基于webgl技术的前端地图类库。地图数据渲染和可视化这块我们经常用到的有商业使用的如：百度地图API和JS、高德地图的API和JS、ESRI的arcgis的全家桶，同时也有开源的一些地图引擎如：openlayers、mapboxgl、Leaflet等。

			
		

	





	

		

			

				
					
arcgis javascript api4.x以basetilelayer方式加载天地图web墨卡托（wkid：3857）坐标系

				
			

			

				

					gislaozhang
				

				

					01-15
					
					828
					
				

			

		

		

			
				
arcgis javascript api4.x以basetilelayer方式加载天地图web墨卡托（wkid：3857）坐标系。2个文件放同一个文件夹下。

			
		

	





	

		

			

				
					
ArcGIS JS 3.x加载geoserver发布的3857坐标系的矢量切片服务

				
			

			

				

					傲骨雄风的博客
				

				

					05-28
					
					1461
					
				

			

		

		

			
				
通过geoserver加载shp数据发布成矢量切片在线服务，调用方式参考该资料：



全部代码：


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-sc

			
		

	





	

		

			

				
					
基于mapbox搭建的gis框架

				
			

			

				

					qq_37750030的博客
				

				

					08-09
					
					3638
					
				

			

		

		

			
				
vue  版本2.6.14mapbox-gl  版本 2.8.0deck.gl  版本 8.7.8element-ui 版本 2.15.6turf 版本 3.0.14three 版本 0.139.2其他就不一一列举了，具体还使用到哪些依赖库，可在项目package.json中查看整体gis框架需要经常修改的地方都提取为配置文件的形式，其他一些核心的gis功能都已经做了封装，很方便实用。该gis框架也花了我不少时间去写的，现在该gis框架源码有偿提供给大家。......

			
		

	





	

		

			

				
					
GIS坐标系：epsg 3857 vs 4326

					
热门推荐

				
			

			

				

					qq_32649321的博客
				

				

					05-30
					
					1万+
					
				

			

		

		

			
				
1.EPSG:4326（WGS84）-地理坐标


EPSG4326是基于WGS84椭球的经纬度坐标系。


EPSG4326 is in degrees - 3D sphere，单位是度。


EPSG4326表示方法：


EPSG4326使用参考球面或椭球面上的坐标系统。


特点：利于存储，可读性高。缺点：会导致页面变形。


2.EPSG:3857（WGS84 Web Mercator）-投影坐标

EPSG3857是基于球体的、web墨卡托投影（伪墨卡托投影）的投影坐标系。
在openlayer

			
		

	





	

		

			

				
					
mapbox-gl加载3dtiles模型（视频）

				
			

			

				

					地理信息技术杂谈 博客，欢迎技术交流
				

				

					03-17
					
					2094
					
				

			

		

		

			
				
请参见公众号地址查看：
https://mp.weixin.qq.com/s?__biz=MzU2ODYzNzc4OQ==&mid=2247485494&idx=1&sn=8893adbcd5ce4d0ba207fc3e08ac6706&chksm=fc8ba804cbfc211254bb76f18f6ed94f1a74c1ce607768e939db743cd300dba9925c79ddf4ab&token=416786478&lang=zh_CN#rd


			
		

	





	

		

			

				
					
mapbox结合three实现添加3D模型并执行点击事件

				
			

			

				

					牧xin的博客
				

				

					02-24
					
					2696
					
				

			

		

		

			
				
点击事件
this.renderer.domElement.addEventListener( 'click', (e)=>{

            const { clientX ,clientY} = e
            const x = ( clientX  / window.innerWidth ) * 2 - 1;
            const y = ( clientY / window.innerHeight ) * 2 + 1;
            const 

			
		

	





	

		

			

				
					
mapbox-gl加载3dtiles渐变模型（视频）

				
			

			

				

					地理信息技术杂谈 博客，欢迎技术交流
				

				

					07-14
					
					836
					
				

			

		

		

			
				
https://mp.weixin.qq.com/s?__biz=MzU2ODYzNzc4OQ==&mid=2247486173&idx=1&sn=76e7fe7cb5550b1488605fa924a1ee71&chksm=fc8baaefcbfc23f986dd553aeb2c8509e359ddc0c97d313b62f9dc44ac7b46d91bb7260b2783&token=635212041&lang=zh_CN#rd

			
		

	





	

		

			

				
					
mapbox加载geoserver发布的WMS服务

				
			

			

				

					Sakura1998gis的博客
				

				

					06-05
					
					1340
					
				

			

		

		

			
				
mapbox加载geoserver发布的WMS服务

			
		

	





	

		

			

				
					
mapbox加载全球3D建筑

					
最新发布

				
			

			

				

					热爱WebGIS的博客
				

				

					03-05
					
					1932
					
				

			

		

		

			
				
本案例使用Mapbox GL JavaScript库进行加载全球3D建筑。

			
		

	





	

		

			

				
					
mapbox-gl支持多种坐标系

				
			

			

				

					qq_37987033的博客
				

				

					11-01
					
					4338
					
				

			

		

		

			
				
mapbox默认的投影是3857，但是实际应用中我们经常会使用高德、百度、天地图的服务，原生mapbox是不支持的，需要我们修改源码以支持以上坐标系。有疑惑的小伙伴欢迎交流。

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值