1

tomtomにマーカーを追加したい。「データ」でマップを定義したいのですが、これを行うとエラーが発生します。

maps.min.js:1 Uncaught (in promise) TypeError: 'get' on proxy: property '__om' is a read-only and non-configurable data property on the proxy target but the proxy did not return its actual value (expected '#<i>' but got '#<i>')

「新しいtt.Marker」を追加した後にのみエラーが表示されます。このメソッドでマップを直接定義すると機能します (this.map の代わりに map 変数を使用します)。

これは私のビューコードです:

<template>
  <div class="map" id="map" ref="mapRef"></div>
</template>

<script>
import tt from '@tomtom-international/web-sdk-maps';
export default {
  data() {
    return {
      map: null
    }
  },
  mounted() {
    this.initializeMap()
  },
  methods: {
    initializeMap() {
    this.map = tt.map({
    key: 'key',
    container: this.$refs.mapRef,
    center: [-120.72217631449985, 42.73919549715691],
    zoom: 10
  });


  //Here I get error
  new tt.Marker()
      .setLngLat([-120.72217631449985, 42.73919549715691])
      .addTo(this.map);
    }
  }
}
</script>
4

1 に答える 1