React Native for Arcgis 地图开发底图配置（一）

最新推荐文章于 2024-06-17 19:18:45 发布

原创最新推荐文章于 2024-06-17 19:18:45 发布 · 725 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react native #gis

这篇博客探讨了为何在没有官方ReactNative和Flutter ArcGIS API的情况下，选择使用ReactNative进行GIS开发。文章指出，由于公司前端资源丰富，RN对前端更友好，且封装的Android for ArcGIS在加载大量数据时性能更优，支持离线地图包。文中还提到了如何配置ReactNative的底图，支持TileLayer和VectorLayer，并详细介绍了配置的参数，包括天地图等内置选项。此外，文章提供了示例代码和更多参考资料，供开发者参考。

本系列是基于android 封装的sdk 包，因为arcgis 官方移动端没有react native 和flutter的api，为什么不直接用原生开发，因为界面绘制比较麻烦，毕竟公司资源也是前端多一些，react native 还是对前端友好些。
那么H5和RN 开发 gis 有什么太大区别呢，主要是RN 封装的是android for arcgis 加载数据量比较大的时候快很多，后期可以做离线地图包。
针对底图配置文件主要是给react native 配置底图用
支持TileLayer 和 VectorLayer ，内置支持了天地图，可以设置默认中心点和scale

{
"MapId": "baseMap",
"InitialScale": 288895.277144,
"InitialCenter": [
12675954,
2592077
],
"DefaultBaseMap": "天地图",
"BaseMaps": [
{
"Id": "地图1",
"Url": "https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer",
"MapType": "Tiled",
"Opacity": 1,
"MinScale": 2560000,
"MaxScale": 500
},
{
"Id": "矢量切片",
"Url": "https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer",

更多参考https://xiaozhuanlan.com/topic/8453762091