智石时空可视化-API文档

Appearance

地图室外扩展API ​

1、开始使用 ​

​ 说明：基于 智石室内地图SDK 之上扩展室外世界地图（高德瓦片图、百度瓦片图）。

1.1 引入SDK ​

javascript
// 引入sdk
<script src="//brtmap.com/js-sdk/plugin/brtmap-worldmap-1.1.2.js"></script>

1.2 创建实例 ​

javascript
let $worldMap = new brtmap.WorldMap(map, options);

2、 API - 参考手册 ​

1、WorldMap ​

​ 室外地图扩展

|构造函数|说明| |-|-| |new brtmap.WorldMap(map: brtmap.Map, options:Object)|室内地图对象|

Options默认值说明
providergaode地图类型(gaode | baidu)
routeVisibletrue是否默认规划路线后 显示路线
routeColor#0099FF路线颜色
routeSize6路线大小(宽)
Methods返回值说明
routeAnalyze(start, end, type)室外路线规划 (高德web服务)
showRoute(Object?)显示路线
clearRoute()清除路线
updateProvider(String)切换地图类型(gaode | baidu)
getPoiByLnglat(LngLat)根据经纬度获取poi信息

2、完整示例 ​

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title> 室内外地图 </title>

    <!--室内地图SDK-->
    <link rel="stylesheet" type="text/css" href="//brtmap.com/js-sdk/3.x/brtmap-2.5.1.css"/>
    <script type="text/javascript" src="//brtmap.com/js-sdk/3.x/brtmap-2.5.1.js"></script>

    <!--室外世界地图扩展SDK-->
    <script src="//brtmap.com/js-sdk/plugin/brtmap-worldmap-1.1.2.js"></script>

</head>
<body>
<div id="brtmap" style="width: 100%; height: 100%"></div>
</body>

<script>
    let buildingID = '填写建筑ID';
    let token = '填写有效token';

    // 室内地图
    let $map = new brtmap.Map({
        container: 'brtmap',
        token: token,
        buildingID: buildingID,
        report: false,
        antialias: false,
        autoBounds: false
    });

    // 室外地图
    let $wMap = new brtmap.WorldMap($map, {
        provider: "gaode"	// gaode | baidu
    });


</script>
</html>