Google Maps不在移动应用程序上呈现(cordova问题?)

时间:2019-06-28 00:32:30

标签: google-maps cordova vue.js quasar-framework quasar

我正在尝试在我的android / ios设备上呈现google地图,但它仅在网络浏览器中显示。

我正在使用正确的API,因为它在Web浏览器上运行。

      console.log('get users current location')
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition((position) => {
          this.latitude = position.coords.latitude
          this.longitude = position.coords.longitude
          console.log('lat: ' + this.latitude + 'Long ' + this.longitude)
          this.map = new window.google.maps.Map(document.getElementById('map'), {
            center: { lat: this.latitude, lng: this.longitude },
            zoom: 8
          })
          this.getMarkers()
        }, (err) => {
          // error handling here
          console.log(err)
        })
      } else {
        console.error('Cannot access geolocation')
      }
    },
    getMarkers () {
      this.marker = new window.google.maps.Marker({
        position: { lat: this.latitude + 0.10, lng: this.longitude + 0.10 },
        map: this.map,
        title: 'Hello World'
      })
      this.marker = new window.google.maps.Marker({
        position: { lat: this.latitude + 0.20, lng: this.longitude + 0.20 },
        map: this.map,
        title: 'Hello World'
      })
    }```

0 个答案:

没有答案