Taro公众号中使用高德地图

在Taro公众号中使用高德地图，您可以使用`@react-amap/core`和`@react-amap/ui`两个包来实现。具体步骤如下：

1. 安装依赖

npm install @react-amap/core @react-amap/ui --save

2. 在需要使用地图的组件中导入，并设置地图的`apiKey`和`version`

import React from 'react';
import { Map } from '@react-amap/core';

const MapComponent = () => {
  const mapKey = 'your amap key';
  const version = '1.4.15';
  
  return (
    <Map
      amapkey={mapKey}
      version={version}
    />
  );
}

export default MapComponent;

3. 在`Map`组件中添加需要的组件，例如标记点、信息窗口等等

import React from 'react';
import { Map, Marker, InfoWindow } from '@react-amap/core';
import { Button } from '@react-amap/ui';

const MapComponent = () => {
  const mapKey = 'your amap key';
  const version = '1.4.15';
  const center = [116.397428, 39.90923];
  const markerPosition = [116.397428, 39.90923];
  const infoWindowPosition = [116.397428, 39.91923];
  
  return (
    <Map
      amapkey={mapKey}
      version={version}
      center={center}
    >
      <Marker position={markerPosition} />
      <InfoWindow position={infoWindowPosition}>
        <div>
          <span>这里是信息窗口</span>
          <Button>点击</Button>
        </div>
      </InfoWindow>
    </Map>
  );
}

export default MapComponent;

这样就可以在Taro公众号中使用高德地图了。