（以“{{jspopularGL-sidebar}} <div class="h1-title">ParkingSpot图层</div><div id="update-time1">更新时间：2023年07月25日</div><div class="bluetitle"><div class="...”为内容创建页面） |
|||
| 第2行： | 第2行： | ||
<div class="h1-title">ParkingSpot图层</div><div id="update-time1">更新时间：2023年07月25日</div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>简介</span></div></div></div><div class="serve-explain-text">JSAPI GL提供智能停车位高级服务，通过实例化ParkingSpot类，在地图上叠加智能停车位图层，可以实时显示室内/室外停车位的状态、车位区剩余数据等信息。</div><!--jsapi单独demo-代码--> | <div class="h1-title">ParkingSpot图层</div><div id="update-time1">更新时间：2023年07月25日</div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>简介</span></div></div></div><div class="serve-explain-text">JSAPI GL提供智能停车位高级服务，通过实例化ParkingSpot类，在地图上叠加智能停车位图层，可以实时显示室内/室外停车位的状态、车位区剩余数据等信息。</div><!--jsapi单独demo-代码--> | ||
<div style="color:#f00;margin-bottom: 20px;">注意：<br/><div style="color:#f00">智能停车位为高级服务，如果需要使用该服务请<span class="serve-explain-text">[https://lbsyun.baidu.com/apiconsole/fankui/list#/home 联系我们]</span>开通高级服务权限。</div></div> | <div style="color:#f00;margin-bottom: 20px;">注意：<br/><div style="color:#f00">智能停车位为高级服务，如果需要使用该服务请<span class="serve-explain-text">[https://lbsyun.baidu.com/apiconsole/fankui/list#/home 联系我们]</span>开通高级服务权限。</div></div> | ||
| − | + | <div class="jsapidemo_template "><div class="demo_area"><div dir="https://lbsyun.baidu.com/jsdemo.htm#indoorparking"></div></div><div class="demo_control"><div class="demo_btn" style="width:100%;">[https://lbs.baidu.com/jsdemo/demo/indoorparking.htm 智能停车位图层]</div></div><div class="jsapi-demo-link">[https://lbs.baidu.com/jsdemo.htm#indoorparking DEMO详情]</div></div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>类参考</span></div></div></div><div class="serve-explain-text">[https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webgl_1_0.html#a6b1park 详见类参考]</div> | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>类参考</span></div></div></div><div class="serve-explain-text">[https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webgl_1_0.html#a6b1park 详见类参考]</div> | ||
<div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>使用示例</span></div></div></div> | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>使用示例</span></div></div></div> | ||
2023年8月11日 (五) 15:22的最后版本
ParkingSpot图层
更新时间：2023年07月25日
简介
JSAPI GL提供智能停车位高级服务，通过实例化ParkingSpot类，在地图上叠加智能停车位图层，可以实时显示室内/室外停车位的状态、车位区剩余数据等信息。
注意：
智能停车位为高级服务，如果需要使用该服务请联系我们开通高级服务权限。
类参考
使用示例
使用智能停车位可以直接通过实例化ParkingSpot类，通过map的addParkingSpot方法添加到地图上，并可以通过callback属性通过点击获取相应车位信息。 请注意：使用该功能需要在jsapi库之前引入<script src="https://bj.bcebos.com/v1/mapopen-pub-jsapigl/assets/npm/Pako.js"></script>
示例代码
let parking = new BMapGL.ParkingSpot({
callback: function(res) {
const spotname = document.querySelector('#spot-name');
spotname.innerHTML = res.properties.name;
const state = document.querySelector('#spot-state');
state.innerHTML = res.state;
}
});
map.addParkingSpot(parking);
该功能为高级服务，室外停车位的权限为城市级别，室内停车位的权限为建筑级别。