覆盖物

添加覆盖物

调用HWMapJsSDK.HWGroundOverlay(imageUrl, bounds, groundOverlayOptions)创建一个覆盖物添加到地图上。

var map;
var mGroundOverlay;

function initMap() {
    var mapOptions = {};
    mapOptions.center = {lat: 48.856613, lng: 2.352222};
    mapOptions.zoom = 10;

    map = new HWMapJsSDK.HWMap(document.getElementById('map'), mapOptions);

    var imageBounds = {
        north: 48.902,
        south: 48.82,
        east: 2.42,
        west: 2.257,
    };

    mGroundOverlay = new HWMapJsSDK.HWGroundOverlay(
        // 本地资源图片路径或者是图片的URL
        'covering.png',
        // 显示的填充区域
        imageBounds,
        {
            map: map,
            opacity: 1,
            zIndex: 1
        }
    );
}

删除覆盖物

从地图中移除覆盖物，请调用setMap()方法并将null作为传递参数。

mGroundOverlay.setMap(null);

请注意，上述方法不会删除覆盖物，它只是把覆盖物从地图上移除。如果用户希望删除覆盖物，则应将其从地图上移除，然后将覆盖物本身置为null即可。

mGroundOverlay.setMap(null);
mGroundOverlay = null;

修改覆盖物

通过HWGroundOverlay提供的方法对属性进行修改，例如调用setUrl(url)方法修改覆盖物的url：

<tr>
    <td>URL:</td>
    <td>
        <!-- value可以是本地资源图片路径或者是图片的URL -->
        <input id="urlInput" type="text" value="huawei_logo.png"/>
    </td>
</tr>
<script>
    var url = document.getElementById("urlInput").value;
    mGroundOverlay.setUrl(url);
</script>

覆盖物的以下属性支持自定义，具体请参见HWGroundOverlay方法。