React Mapbox
made with React

React Mapbox是基于React的Mapbox GL包装器，已实现在React中使用Mapbox GL。Mapbox GL是一个使用WebGL从矢量图块渲染交互式地图JavaScript库。

使用React Mapbox，你可以创建具有导航控件、标记、弹出窗口和更多功能的地图。

安装

Npm

npm i react-mapbox-wrapper

Yarn

yarn add react-mapbox-wrapper

使用

import React from 'react';
import MapboxMap from 'react-mapbox-wrapper';

export default function SimpleMap() {
    return (
        <div style={{ height: 400, width: 400 }}>
            <MapboxMap
                accessToken="<your acess token here>"
                coordinates={{ lat: 48.872198, lng: 2.3366308 }}
            />
        </div>
    );
}

SimpleMap.displayName = 'SimpleMap';

示例