React Native for Arcgis 地图开发 GraphicLayer

在React Native for ArcGIS开发中，GraphicLayer组件用于在地图上添加图形元素。以下是一个简单的例子，展示如何在GraphicLayer中添加一个点图形：

import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
import MapView from 'react-native-arcgis-map';
 
export default class MapViewExample extends Component {
  render() {
    return (
      <View style={styles.container}>
        <MapView
          licenseKey="YOUR_LICENSE_KEY"
          mapOptions={{
            // 地图初始化配置
          }}
        >
          <MapView.GraphicsOverlays>
            {/* 创建GraphicLayer组件 */}
            <MapView.GraphicsOverlay id="graphicsLayer">
              {/* 添加点图形 */}
              <MapView.Point
                id="pointGraphic"
                geometry={{
                  latitude: 34.056,
                  longitude: -117.195,
                  spatialReference: { wkid: 4326 },
                }}
                symbol={{
                  type: 'simple-marker', // 图形类型
                  color: [255, 0, 0, 255], // 红色
                  size: 15, // 图标大小
                }}
              />
            </MapView.GraphicsOverlay>
          </MapView.GraphicsOverlays>
        </MapView>
      </View>
    );
  }
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});

在这个例子中，我们首先导入了MapView组件，并在render方法中返回了一个包含地图的视图。在<MapView.GraphicsOverlays>组件中，我们创建了一个GraphicLayer，并在其中添加了一个点图形（<MapView.Point>）。点图形的地理坐标是洛杉矶的一个标记点，并且设置了其显示样式，如颜色和大小。这个例子展示了如何在React Native for ArcGIS应用中添加和管理地图图形元素。