@react-google-maps/api实现谷歌地图嵌入React项目中，并且做到点击地图任意一处，获得它的经纬度

蓉妹妹

已于 2024-07-05 10:58:27 修改

阅读量654

点赞数 1

分类专栏：项目代码文章标签： react.js javascript 前端

于 2024-07-04 17:10:15 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43517190/article/details/140184022

版权

1.第一步要加入项目package.json中或者直接yarn install它都可以

"@react-google-maps/api": "^2.19.3",

2.加入项目中

import AMapLoader from '@amap/amap-jsapi-loader';


import React, {
    PureComponent } from 'react';
import {
    GoogleMap, LoadScript, Marker } from '@react-google-maps/api';

interface ScalSelectStates {
   
    /**
     * 当前选择位置经纬度
     */
    centerPosition: any[];
}

export class ScalSelect extends PureComponent<{
   }, ScalSelectStates> {
   
    constructor(props