vue-baidu-map 自定義百度地圖主題

目标效果

将道路填充為深藍色   #185790ff

完整代碼

<template>
    <baidu-map :mapStyle="mapStyle" style="height: 400px;width: 100%" :zoom="12" center="深圳"
               :scroll-wheel-zoom="true">
    </baidu-map>
</template>
<script>
    export default {
        data() {
            return {
                mapStyle: {
                    // 百度地圖主題編輯器
                    // https://developer.baidu.com/map/custom/
                    styleJson:
                        [
                            {
                                "featureType": "road",
                                "elementType": "geometry",
                                "stylers": {
                                    "color": "#185790ff"
                                }
                            }
                        ]
                }
            }
        },
    }
</script>
<style>
</style>