产品服务
解决方案
文档与支持
定价
登录

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
(以“{{jspopularGL-sidebar}} <div class="h1-title">英文地图</div><div id="update-time1">更新时间:2025年03月17日</div><div class="bluetitle"><div><div class="...”为内容创建页面)
 
 
第1行: 第1行:
 
{{jspopularGL-sidebar}}
 
{{jspopularGL-sidebar}}
 
<div class="h1-title">英文地图</div><div id="update-time1">更新时间:2025年03月17日</div><div class="bluetitle"><div><div class="serve-explain-text service-page-anchor"><span>英文基础地图</span></div></div></div>
 
<div class="h1-title">英文地图</div><div id="update-time1">更新时间:2025年03月17日</div><div class="bluetitle"><div><div class="serve-explain-text service-page-anchor"><span>英文基础地图</span></div></div></div>
<span style="font-size:large;">'''接入方式'''</span><br/><br/>地图JSAPI有两种方式设置英文基础地图,一种是初始化设置,适用于初始化直接加载英文地图场景;另一种方法可进行多语言切换,适用于中英文地图切换场景。<br/><br/>'''注意:如果没有英文地图权限,会自动切换到中文地图模式。'''<br/><br/>'''地图语言枚举类'''<br/><br/>&nbsp; 1. BMAPGL_LANGUAGE_ZH<br/><br/>&nbsp; 2. BMAPGL_LANGUAGE_EN<br/><br/>两种设置方法示例代码如下:<br/><br/>1、地图初始化设置<br/><br/><!--代码区域-->
+
<span style="font-size:large;">'''接入方式'''</span>
 +
<div class="serve-explain-text">地图JSAPI有两种方式设置英文基础地图,一种是初始化设置,适用于初始化直接加载英文地图场景;另一种方法可进行多语言切换,适用于中英文地图切换场景。</div><div class="serve-explain-text">
 +
'''注意:英文服务为高级权限,需要[https://lbsyun.baidu.com/apiconsole/fankui#?typeOne=产品需求&typeTwo=新服务/功能需求 申请开通]英文各项服务,如果没有英文权限,会自动切换到中文模式。'''
 +
</div>
 +
{| width="359" border="1"
 +
|-
 +
| width="72" | '''地图语言枚举类'''
 +
| width="271" | '''说明'''
 +
|-
 +
| BMAPGL_LANGUAGE_ZH
 +
| 中文模式
 +
|-
 +
| BMAPGL_LANGUAGE_EN
 +
| 英文模式
 +
|}
 +
 
 +
<br/>两种设置方法示例代码如下:<br/><br/>1、地图初始化设置<br/><br/><!--代码区域-->
 
<pre class="prettyprint codestyle">let map = new BMapGL.Map('allmap', {
 
<pre class="prettyprint codestyle">let map = new BMapGL.Map('allmap', {
 
     displayOptions: {
 
     displayOptions: {
第13行: 第29行:
 
</pre>
 
</pre>
  
<br/>'''效果展示'''<br/><br/>https://mapopen-pub-jsapigl.cdn.bcebos.com/document%2FcaptureMap1.png<br/><br/>https://mapopen-pub-jsapigl.cdn.bcebos.com/document%2Fcapture2.png
+
<br/>'''效果展示'''<br/><br/>https://mapopen-pub-jsapigl.cdn.bcebos.com/document%2FcaptureMap1_1.png<br/><br/>https://mapopen-pub-jsapigl.cdn.bcebos.com/document%2Fcapture2_2.jpg
 
<div class="bluetitle"><div><div class="serve-explain-text service-page-anchor"><span>英文地点检索</span></div></div></div>
 
<div class="bluetitle"><div><div class="serve-explain-text service-page-anchor"><span>英文地点检索</span></div></div></div>
 
<br/>如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置BMapGL.LocalSearch.Options.language改变语言类型。<br/><br/><!--代码区域-->
 
<br/>如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置BMapGL.LocalSearch.Options.language改变语言类型。<br/><br/><!--代码区域-->
第23行: 第39行:
 
</pre>
 
</pre>
  
<br/>https://mapopen-pub-jsapigl.cdn.bcebos.com/document%2FenMap3.png<br/><br/><span style="font-size:x-large;">'''<span style="color:#417a41;">普通检索</span>'''</span><br/><br/>'''英文不支持多关键字'''<br/>示例参考<br/><!--代码区域-->
+
<br/>https://mapopen-pub-jsapigl.cdn.bcebos.com/document%2FenMap3.png<br/><br/><span style="font-size:large;"><span style="color:#417a41;">普通检索</span></span><br/><br/>'''英文不支持多关键字'''<br/>示例参考<br/><!--代码区域-->
 
<pre class="prettyprint codestyle">var local = new BMapGL.LocalSearch(map, {
 
<pre class="prettyprint codestyle">var local = new BMapGL.LocalSearch(map, {
 
     renderOptions:{map: map},
 
     renderOptions:{map: map},
第32行: 第48行:
 
</pre>
 
</pre>
  
<br/><span style="font-size:x-large;"><span style="color:#417a41;">范围检索</span></span><br/><br/>示例参考<br/><!--代码区域-->
+
<br/><span style="font-size:large;"><span style="color:#417a41;">范围检索</span></span><br/><br/>示例参考<br/><!--代码区域-->
 
<pre class="prettyprint codestyle">var local = new BMapGL.LocalSearch(map, {
 
<pre class="prettyprint codestyle">var local = new BMapGL.LocalSearch(map, {
 
     renderOptions:{map: map},
 
     renderOptions:{map: map},
第44行: 第60行:
 
</pre>
 
</pre>
  
<br/><span style="font-size:x-large;"><span style="color:#417a41;">周边检索</span></span><br/><br/>示例参考<br/><!--代码区域-->
+
<br/><span style="font-size:large;"><span style="color:#417a41;">周边检索</span></span><br/><br/>示例参考<br/><!--代码区域-->
 
<pre class="prettyprint codestyle">var local = new BMapGL.LocalSearch(map, {
 
<pre class="prettyprint codestyle">var local = new BMapGL.LocalSearch(map, {
 
     renderOptions:{map: map},
 
     renderOptions:{map: map},

2025年3月17日 (一) 14:21的最后版本


英文地图
更新时间:2025年03月17日
英文基础地图

接入方式

地图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);


效果展示

document%2FcaptureMap1_1.png

document%2Fcapture2_2.jpg

英文地点检索


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

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


document%2FenMap3.png

普通检索

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

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);


document%2FenMap4.png

英文公交路线规划

如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置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);


document%2FenMap5.png

英文步行路线规划

如果用户不设置语言类型,默认与地图语言类型一致。如果用户想主动设置类型,可通过设置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);
})
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消