React get object-values out of .then //在地理编码之外创建地图标记

在React中，可以使用Promise来处理异步操作。当需要在地理编码之外创建地图标记时，可以使用Promise的.then方法来获取对象的值。

首先，需要引入相关的库和组件，例如React、地图库（如百度地图、高德地图等）等。

然后，可以使用地理编码服务将地址转换为经纬度坐标。在获取到经纬度坐标后，可以使用该坐标来创建地图标记。

以下是一个示例代码：

import React, { useEffect, useState } from 'react';
import MapLibrary from 'map-library'; // 替换为实际的地图库

const MapComponent = () => {
  const [marker, setMarker] = useState(null);

  useEffect(() => {
    // 地理编码服务
    const geocodeService = new MapLibrary.GeocodeService();

    // 地址
    const address = '北京市朝阳区';

    // 地理编码
    geocodeService.geocode(address).then((result) => {
      // 获取经纬度坐标
      const { lng, lat } = result;

      // 创建地图标记
      const mapMarker = new MapLibrary.Marker({ lng, lat });

      // 设置地图标记
      setMarker(mapMarker);
    });
  }, []);

  return (
    <div>
      {/* 在此处渲染地图组件，并将地图标记传递给地图组件 */}
      <MapLibrary.Map marker={marker} />
    </div>
  );
};

export default MapComponent;

在上述代码中，首先引入了React和地图库（示例中使用了MapLibrary作为地图库的占位符）。然后，在MapComponent组件中使用useState和useEffect来处理地理编码和地图标记的逻辑。

在useEffect中，创建了一个地理编码服务实例，并指定了要编码的地址。然后，使用地理编码服务的geocode方法进行地理编码，并在.then方法中获取到经纬度坐标。接着，根据获取到的经纬度坐标创建地图标记，并使用useState的setMarker方法将地图标记设置为组件的状态。

最后，在组件的返回值中，将地图组件渲染到页面上，并将地图标记作为属性传递给地图组件。

请注意，上述示例中的地图库和地理编码服务仅作为示例，实际使用时需要根据具体的需求和使用的地图库进行相应的替换。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云地图服务：https://cloud.tencent.com/product/tianditu
• 腾讯云地理编码服务：https://cloud.tencent.com/product/gis
• 腾讯云地图SDK：https://cloud.tencent.com/document/product/248/4880

以上是关于在React中如何在地理编码之外创建地图标记的答案，希望能对您有所帮助。