百度地图私有化地址库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-poi { width: 100%; height: 100vh; } </style>
3引用百度地图私有化地址库SDK文件
<script type="text/javascript" src="https://api.map.baidu.com/static/sdk/baidu-lpspoi-sdk.min.js">
4创建私有化地址库容器元素
私有化地址库需要一个HTML元素作为容器,这样才能展现到页面上。这里我们创建了一个div元素。
<div id="baidu-poi"></div>
5创建私有化地址库实例
const baiduPoiLayer = new window.BAIDU_POI_SDK({ domId: 'baidu-poi', // 容器id ak: '您的ak', // 您申请的ak });
注意:
在调用此构造函数时应确保容器元素已经添加到DOM树上;