首页 > 解决方案 > react-map-gl - 印度地理位置显示不正确

问题描述

我正在使用 react-map-gl 的标记组件在地图上渲染印度城市,显示前。Mumbai "lat": "19.0760", "long": "72.8777" on react-map-gl 但它在 map 上显示的位置不正确。

查找 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>
        ))}]

标签: javascriptreactjsmapbox-gl-jsreact-map-gl

解决方案


问题出在 parseInt

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


推荐阅读