0

私は、react-map-gl のマーカー コンポーネントを使用して地図上にインドの都市をレンダリングしています。ムンバイ "lat": "19.0760", "long": "72.8777" は react-map-gl にありますが、マップ上の間違った位置に表示されています。

Img リンクを見つける - https://i.stack.imgur.com/vlhqg.png

{
    "cities": [
      {
        "name": "Mumbai",
        "state": "Maharashtra",
        "lat": "19.0760",
        "lon": "72.8777"
      }
      
    ]
  }

// compoment

      [{cityList.cities.map(city => (
          <Marker
            key={city.name}
            latitude={parseInt(city.lat)}
            longitude={parseInt(city.lon)}
            offsetLeft={-20} offsetTop={-10}
          >
            <button
              className="marker-btn"
              onClick={e => {
                e.preventDefault();
                console.log(city.name);
              }}
            >
              {city.name}
            </button>
          </Marker>
        ))}]

4

1 に答える 1

0

問題はparseIntにありました

回答 - https://github.com/visgl/react-map-gl/issues/1145

于 2020-07-10T12:34:10.220 に答える