AI 地图
产品服务
解决方案
文档与支持
定价
更新时间: 2026/07/27 10:37
您当前查看的是 JSAPI GL 历史版本文档。该版本仅用于维护现有项目,不建议用于新项目开发。新项目请使用 JSAPI 4.0,如需升级现有项目,请参考升级指南
You are viewing the legacy JSAPI GL documentation. This version is maintained for existing projects only and is not recommended for new development. For new projects, use the JSAPI 4.0 documentation. If you are upgrading an existing project, please refer to the Migration Guide.
英文地图
英文基础地图
接入方式

地图JSAPI有两种方式设置英文基础地图,一种是初始化设置,适用于初始化直接加载英文地图场景;另一种方法可进行多语言切换,适用于中英文地图切换场景。
注意:英文服务为高级权限,需要申请开通英文各项服务,如果没有英文权限,会自动切换到中文模式。

地图语言枚举类说明

BMAPGL_LANGUAGE_ZH

中文模式

BMAPGL_LANGUAGE_EN

英文模式

两种设置方法示例代码如下:
1、地图初始化设置

let map = new BMapGL.Map('allmap', {
displayOptions: {
language: BMAPGL_LANGUAGE_EN
}
});

2、通过方法切换

map.changeLanguage(BMAPGL_LANGUAGE_EN);
效果展示
英文地点检索

如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置BMapGL.LocalSearch.Options.language改变语言类型。

var local = new BMapGL.LocalSearch(map, {
renderOptions:{map: map},
pageCapacity: 5,
language: BMAPGL_LANGUAGE_EN,
});
普通检索

英文不支持多关键字
示例参考

var local = new BMapGL.LocalSearch(map, {
renderOptions:{map: map},
pageCapacity: 5,
language: BMAPGL_LANGUAGE_EN, // 【可选】强制英文配置
});
local.search('hotel');
范围检索

示例参考

var local = new BMapGL.LocalSearch(map, {
renderOptions:{map: map},
pageCapacity: 5,
language: BMAPGL_LANGUAGE_EN, // 【可选】强制英文配置
});
// 单关键字
local.searchInBounds('hotel', map.getBounds());
// 多关键字
// local.searchInBounds(['hotel','restaurant'], map.getBounds());
周边检索

示例参考

var local = new BMapGL.LocalSearch(map, {
renderOptions:{map: map},
pageCapacity: 5,
language: BMAPGL_LANGUAGE_EN, // 【可选】强制英文配置
});
// 单关键字
local.searchNearby('hotel', map.getCenter(),1000);
// 多关键字
// local.searchNearby(['hotel','restaurant'], map.getCenter(),1000);
英文公交路线检索

如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置BMapGL.BusLineSearch.Options.language改变语言类型。

var busline = new BMapGL.BusLineSearch(map,{
renderOptions:{map:map,panel:"r-result"},
language: BMAPGL_LANGUAGE_EN,
onGetBusListComplete: function(result){
if(result) {
var fstLine = result.getBusListItem(0);//获取第一个公交列表显示到map上
busline.getBusLine(fstLine);
}
}
});
busline.getBusList(107);
英文公交路线规划

如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置BMapGL.TransitRoute.Options.language改变语言类型。

var transit = new BMapGL.TransitRoute(map, {
renderOptions: {map: map, panel: 'result'},
language: BMAPGL_LANGUAGE_EN
});
var start = new BMapGL.Point(116.302, 40.050);
var end = new BMapGL.Point(116.358, 39.961);
var routePolicy = [BMAP_TRANSIT_POLICY_RECOMMEND,BMAP_TRANSIT_POLICY_LEAST_TIME,BMAP_TRANSIT_POLICY_LEAST_TRANSFER,BMAP_TRANSIT_POLICY_LEAST_WALKING,BMAP_TRANSIT_POLICY_AVOID_SUBWAYS,BMAP_TRANSIT_POLICY_FIRST_SUBWAYS];
transit.setPolicy(routePolicy[0]);
transit.search(start,end);
英文步行路线规划

如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置BMapGL.WalkingRoute.Options.language改变语言类型。

var walking = new BMapGL.WalkingRoute(map, {
renderOptions: {map: map, panel: 'result'},
autoViewport: true,
language: BMAPGL_LANGUAGE_EN
});
walking.search("xidan", "tiananmen");
英文骑行路线规划

如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置BMapGL.RidingRoute.Options.language改变语言类型。

var riding = new BMapGL.RidingRoute(map, {
renderOptions: {map: map, panel: 'result'},
autoViewport: true,
language: BMAPGL_LANGUAGE_EN
});
riding.search("xidan", "tiananmen");
英文逆地理编码

将地理坐标转换为地理描述信息。BMapGL.Geocoder不依赖地图,默认是中文服务。可通过设置BMapGL.Geocoder.Options.language改变语言类型。

var geoc = new BMapGL.Geocoder({
language: BMAPGL_LANGUAGE_EN
});
var pt = new BMapGL.Point();
geoc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
var txt = addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber;
console.log('BMapGL.Geocoder::BMAPGL_LANGUAGE_EN', txt);
})

上一篇

个性化地图

下一篇

绘制点、线、面
本篇文章对您是否有帮助?