https://github.com/pansyjs/react-google-map

基于 React 封装的谷歌地图组件，助你轻松的接入谷歌地图到 React 项目中。
https://github.com/pansyjs/react-google-map

google-maps map react typescript

Last synced: 2 months ago
JSON representation

基于 React 封装的谷歌地图组件，助你轻松的接入谷歌地图到 React 项目中。

• Host: GitHub
• URL: https://github.com/pansyjs/react-google-map
• Owner: pansyjs
• License: mit
• Created: 2021-11-24T09:33:10.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-12-15T17:38:03.000Z (about 1 year ago)
• Last Synced: 2024-04-16T05:19:15.612Z (9 months ago)
• Topics: google-maps, map, react, typescript
• Language: TypeScript
• Homepage:
• Size: 2.09 MB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  



React Google Map




基于 React 封装的谷歌地图组件，助你轻松的接入谷歌地图到 React 项目中。



## ✨ 特性

- 📦 开箱即用，本组件支持了大部分的常用地图组件

- 🎉 可扩展，支持自定义地图组件

- 💻 使用 TypeScript 编写，提供完善的类型定义

## 🏗 安装

```sh

# npm install

$ npm install @pansy/react-google-map --save

# yarn install

$ yarn add @pansy/react-google-map

```

## 🔨 使用

```

// html



// css

#app {

  width: 600px;

  height: 400px;

}

// tsx

import React from 'react';

import ReactDOM from 'react-dom';

import { Map } from '@pansy/react-google-map';

ReactDOM.render(

  ,

  document.querySelector('#app')

)

```