Как создать прямоугольник, используя vue2-google-maps? - PullRequest
Новая
       44

Как создать прямоугольник, используя vue2-google-maps?

0 голосов
/ 08 мая 2019

Я создаю приложение, используя vue2-google-maps.Мне нужно создать прямоугольник, но я не получаю его.Я уже посмотрел примеры документации, но получил следующее сообщение об ошибке:

сообщение: «не LatLngBounds или LatLngBoundsLiteral: не объект»
имя: «InvalidValueError» 

<template>
    <gmap-map :center="center" :zoom="12" class="formeGoogleMaps">
        <gmap-marker></gmap-marker>
        <gmap-rectangle ref="rectangleRef" :center="{ north: 33.685, east: 33.671, south: -116.234, west: -116.251 }"
                        :editable="false"
                        :visible="true"
                        :options="{fillColor:'blue',fillOpacity:0.2}"
        ></gmap-rectangle>
    </gmap-map>
</template>

<script>
    export default {
        name: "MainMaps",
        data() {
            return {
                center: {lat: 41.853493, lng: 12.554369},
                markers: [],
                places: [],
                currentPlace: null,
                marker1: '',
                marker2: '',
            }
        },
        mounted: function () {

            this.$refs.rectangleRef.$rectanglePromise.then(() => {
                const {$rectangleObject} = this.$refs.rectangleRef; 
                const map = $rectangleObject.getMap();
                map.fitBounds($rectangleObject.getBounds());
            })
        }
    }

</script>
...