ReacMapboxGl 标记未显示在地图上

Question

import ReactMapboxGl, { Marker } from "react-mapbox-gl";
import React from "react";

const Map = ReactMapboxGl({
accessToken: process.env.REACT_APP_MAPBOX_TOKEN,
});

export default function App() {
return (
<Map
style="mapbox://styles/mapbox/streets-v9"
containerStyle={{
height: "100vh",
width: "100vw",
}}
center={[-74.006, 40.7128]}
>
<Marker coordinates={[-74.006, 40.7128]}>
<div>IAM HEEEEEEEEEEEEEEEEERE</div>
</Marker>
</Map>
);
}

这是一个使用mapbox-react-gl的基本地图。控制台日志中没有显示错误，但我无法在地图上看到标记。

Answer 1

我想你没有正确设置坐标(纬度，经度)

它们应该是，基于您的示例[40.7128 -74.006]