マップ内のDOM要素を取得するgoogle div

Question

Googleマップを初期化するときに 'childDiv' idからテンプレートテキストを取得することは可能ですか？私は私のchildDivがなくなっていることを、マップ機能を初期化した後に、このコードをデバッグするとき

function initialize() { 
 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
 
    var myOptions = { 
 
    zoom: 8, 
 
    center: latlng, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    var map = new google.maps.Map(document.getElementById("map"), 
 
    myOptions); 
 
} 
 
google.maps.event.addDomListener(window, "load", initialize());

#map { 
 
    height: 450px; 
 
    width: 450px; 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 

 
<div id="map"> 
 
    <div id="childDiv">testes</div> 
 
</div>

：私のコードは次のようになります。

---

Jsfiddle：https://jsfiddle.net/ce4bpzhh/

Answer 1

Googleは作品をマップするデフォルトの方法です。あなたが指定したdivの内容を上書きします。

ただし、既存の内容を保持するように指示するオプションがあります。

オプションはnoClearで、trueに設定する必要があります。グーグルマップドキュメントに関するmapOptions

NOCLEARから

---

- タイプ：ブール
trueの場合は、地図のdivの内容を消去しないでください。

---

の作業例

function initialize() { 
 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
 
    var myOptions = { 
 
    zoom: 8, 
 
    center: latlng, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
    noClear:true // ADD THIS OPTION 
 
    }; 
 
    var map = new google.maps.Map(document.getElementById("map"), 
 
    myOptions); 
 
} 
 
google.maps.event.addDomListener(window, "load", initialize());

#map { 
 
    height: 450px; 
 
    width: 450px; 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 

 
<div id="map"> 
 
    <div id="childDiv">testes</div> 
 
</div>