Javascript 在html中使用MapBox进行地理定位
我想使用MapBox API在dynamics CRM上显示地址，I 我已经使用了谷歌API，它工作得很好，但现在我想用地图框来显示它 我已经看过Mapbox的正向地理定位功能，但还不清楚。 所以我的变量我的地址变量将来自一个字段。 e、 g var address=“加拿大安大略省渥太华市安大略大道6号K2E 8A2”Javascript 在html中使用MapBox进行地理定位,javascript,html,mapbox,mapbox-gl-js,Javascript,Html,Mapbox,Mapbox Gl Js,我想使用MapBox API在dynamics CRM上显示地址，I 我已经使用了谷歌API，它工作得很好，但现在我想用地图框来显示它 我已经看过Mapbox的正向地理定位功能，但还不清楚。 所以我的变量我的地址变量将来自一个字段。 e、 g var address=“加拿大安大略省渥太华市安大略大道6号K2E 8A2” 添加一个地理编码器 正文{margin:0；padding:0；} #映射{位置：绝对；顶部：0；底部：0；宽度：100%；} mapboxgl.accessToken='
添加一个地理编码器
正文{margin:0；padding:0；}
#映射{位置：绝对；顶部：0；底部：0；宽度：100%；}
mapboxgl.accessToken='pk.eyj1ijoibgf3axgxmcisimeijjamjloge1bmcyz2v5mzntcmlyawrzcdzlin0.ZRQ73zzVxwcADIPvsqB6mg'；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/streets-v9',
中间：[-79.4512,43.6568]，
缩放：13
});
var address=“加拿大安大略省渥太华市安塔雷斯大道6号K2E 8A2”；
var geocoder=新的MapboxGeocoder（{accessToken:mapboxgl.accessToken}）；
地理编码器。查询（地址）；//如何搜索和显示此地址
地图添加控制（地理编码器）；
//map.addControl（新的MapboxGeocoder({
//accessToken:mapboxgl.accessToken
//}));
如果您已经有了查询，并且只想在地图上显示该位置，那么最好使用带有
geocodeForward
身体{
保证金：0；
填充：0；
}
#地图{
位置：绝对位置；
排名：0；
底部：0；
宽度：100%；
}
mapboxgl.accessToken='pk.eyj1ijoibgf3axgxmcisimeijjamjloge1bmcyz2v5mzntcmlyawrzcdzlin0.ZRQ73zzVxwcADIPvsqB6mg'；
console.log（mapboxgl.accessToken）；
var client=新的MapboxClient（mapboxgl.accessToken）；
console.log（客户端）；
变量地址='t5h 0k7'
var test=client.geocodeForward（地址、函数（err、data、res）{
//数据是解析JSON的地理编码结果
//res是http响应，包括：状态、头和实体属性
控制台日志（res）；
console.log（res.url）；
控制台日志（数据）；
变量坐标=数据。要素[0]。中心；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/streets-v10',
中心：坐标，
缩放：14
});
新的mapboxgl.Marker（）
.setLngLat（坐标）
.addTo（地图）；
});