前提・実現したいこと
言語:html/javascript
モジュール:Maps javascriptAPI
MacOS: BigSur var11.2
GooglemapAPIで取得した位置情報を、web上で 取得 → 更新の際に Google Map にマーカーを描画しています。
そのマーカーの位置情報更新と同時に、GoogleMap自体も更新されてしまい見栄えが悪いです。
GoogleMap自体の更新をせずに、マーカーだけを更新させることはできますか?
*位置情報の取得元はiOSアプリです。更新のたびにソケット通信で、web側に送信しています。
該当のソースコード
javascript
1 2peer.on("connection", (dataConnection) => { 3 setEventListener(dataConnection); 4 5 dataConnection.on('open', () => { 6 console.log("通接続完了") 7 }); 8 9 dataConnection.on('data', data => { 10 console.log("データを受信しました",data); 11 var Ido = data.ido 12 var Keido = data.keido 13 var MyLatLng = new google.maps.LatLng(Ido, Keido); 14 15 var Options = { 16 zoom: 15, 17 center: MyLatLng, 18 // mapTypeId: 'roadmap' 19 }; 20 var map = new google.maps.Map(document.getElementById('map'), Options); 21 var marker = new google.maps.Marker({ 22 position: MyLatLng, 23 map: map, 24 // title: "Empire !", 25 // animation: google.maps.Animation.BOUNCE 26 }); 27 }); 28 29