lmsroutesdk

百度地图私有化路线库SDK

更新时间：2020年10月21日

下面我们分步向您介绍如何使用私有化路线库SDK：

1准备页面

根据HTML标准，每一份HTML文档都应该声明正确的文档类型，我们建议您使用最新的符合HTML5规范的文档声明：

<!DOCTYPE html>

您也可以根据需要选择其他类型的文档声明，这样浏览器会以标准的方式对页面进行渲染，保证页面最大的兼容性。我们不建议您使用quirks模式进行开发。

2设置容器样式

设置容器样式大小，使地图充满整个浏览器窗口：

<style type="text/css">  
       *{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        #baidu-route {
            width: 100%;
            height: 100vh;
        }    
</style>

3引用百度地图私有化路线库SDK文件

<script type="text/javascript" src="https://api.map.baidu.com/static/sdk/baidu-lpsroute-sdk.min.js">

4创建私有化路线库容器元素

私有化路线库需要一个HTML元素作为容器，这样才能展现到页面上。这里我们创建了一个div元素。

<div id="baidu-route"></div>

5创建私有化地址库实例

const baiduRouteLayer = new window.BAIDU_ROUTE_SDK({
        domId: 'baidu-route', // 容器id
        ak: '您的ak', // 您申请的ak
    });

注意：

在调用此构造函数时应确保容器元素已经添加到DOM树上；

文档全面上新