Javascript 如何将lat long坐标转换为Mapbox中地图图层上的点坐标?

Javascript 如何将lat long坐标转换为Mapbox中地图图层上的点坐标?,javascript,canvas,html5-canvas,maps,mapbox,Javascript,Canvas,Html5 Canvas,Maps,Mapbox,对于一个项目,我需要将纬度和经度坐标转换为地图层(map html画布)的点坐标(x和y)。我已经浏览了几乎所有Mapbox的文档,但似乎找不到它。有人知道怎么做吗? (Javascript) 这: 这是官方网站上的代码。 你必须从官方网站注册。然后,您应该获得在项目中使用Mapbox的访问令牌。所以这很简单 你可以通过观看来直观地理解如何做 <script> mapboxgl.accessToken = '<your access token here>'; v

对于一个项目,我需要将纬度和经度坐标转换为地图层(map html画布)的点坐标(x和y)。我已经浏览了几乎所有Mapbox的文档,但似乎找不到它。有人知道怎么做吗? (Javascript)

这:

这是官方网站上的代码。 你必须从官方网站注册。然后,您应该获得在项目中使用Mapbox的访问令牌。所以这很简单

你可以通过观看来直观地理解如何做

<script>
  mapboxgl.accessToken = '<your access token here>';
  var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [12.550343, 55.665957],
  zoom: 8
});
 
var marker = new mapboxgl.Marker()
.setLngLat([12.550343, 55.665957])
.addTo(map);
</script>

mapboxgl.accessToken='';
var map=new mapboxgl.map({
容器:“映射”,
风格:'mapbox://styles/mapbox/streets-v11',
中间:[12.550343,55.665957],
缩放:8
});
var marker=new mapboxgl.marker()
.setLngLat([12.550343,55.665957])
.addTo(地图);

如上图所示,在“中心”属性中,您可以定义自己的lat(第一)和lng(第二)

您可以使用称为“项目”的mapboxgl.Map方法。它返回mapboxgl.点的LngLatLike坐标
打字稿:

常量坐标:LngLatLike=[37,55]; 常量点=地图项目(坐标);//返回点对象 //输出:{ //x:713.802690844605 //y:390.2335262644118 // }
例如,它如何帮助通过特征坐标获取点对象???
<script>
  mapboxgl.accessToken = '<your access token here>';
  var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [12.550343, 55.665957],
  zoom: 8
});
 
var marker = new mapboxgl.Marker()
.setLngLat([12.550343, 55.665957])
.addTo(map);
</script>