Как добавить полигон на карту - PullRequest
Новая
       37

Как добавить полигон на карту

1 голос
/ 21 октября 2019

Я использую Vue.js и vue2-google-maps, чтобы отобразить карту и многоугольник, но функция показа многоугольника не сработала. Я новичок в этой среде.

Я попытался использовать обычный шаг из учебника Google Maps, используя 

map.data.add({geometry: new google.maps.Data.Polygon(path)

, но он не работал.

вот скрипт:

mounted() {
    this.addPolygon();
  },

  methods: {
    addPolygon(){
      var poly = new google.maps.Polygon({
        paths: this.paths,
        strokeColor: '#FF0000',
        strokeOpacity: 0.8,
        strokeWeight: 2,
        fillColor: '#FF0000',
        fillOpacity: 0.35
      });
      console.log(this.poly);
      this.$refs.map.$mapObject.data.add({geometry: new google.maps.Data.Polygon([this.poly])});
    }
  }

как мне сделать эту работу?

1 Ответ

1 голос
/ 24 октября 2019

Исходя из примеров библиотеки , похоже, что вы можете добавить на карту простой многоугольник, например: 

<gmap-map
  :center="center"
  :zoom="13"
  style="width:100%;  height: 400px;" 
>
  <gmap-polygon :paths="paths"></gmap-polygon>
</gmap-map>

Для ознакомления и демонстрации вы можете проверить эту работу codesandbox . Не забудьте добавить свой собственный ключ API для правильной загрузки карты.

Надеюсь, это поможет!

...