“jspopularGL

2023年8月11日 (五) 15:22的最后版本

ParkingSpot图层

更新时间：2023年07月25日

简介

JSAPI GL提供智能停车位高级服务，通过实例化ParkingSpot类，在地图上叠加智能停车位图层，可以实时显示室内/室外停车位的状态、车位区剩余数据等信息。

注意：

智能停车位为高级服务，如果需要使用该服务请联系我们开通高级服务权限。

智能停车位图层

DEMO详情

类参考

详见类参考

使用示例

使用智能停车位可以直接通过实例化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);

该功能为高级服务，室外停车位的权限为城市级别，室内停车位的权限为建筑级别。

@@ 第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 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>示例效果如下：
+<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>
-<div class="urltoimg">
-https://mapopen-pub-jsapigl.bj.bcebos.com/demoimg/parkspot.png
-</div>
-<!-- <div class="jsapidemo_template "><div class="demo_area"><div dir="https://lbs.baidu.com/jsdemo.htm#solidLineLayer"></div></div><div class="demo_control"><div class="demo_btn" style="width:100%;">[https://lbs.baidu.com/jsdemo/demo/solidLineLayer.htm 标准线]</div></div><div class="jsapi-demo-link">[https://lbs.baidu.com/jsdemo.htm#solidLineLayer 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>

文档全面上新

2023年8月11日 (五) 15:22的最后版本