如何將我的Javascript變量打印為HTML屬性的一部分？

Question

細節

• 我想將地址轉換為坐標
• 我想使用該坐標填充地圖視圖
• 我知道我的$coordinate變量= 42.6358311，-71.3290596
• 我是通過簡單地運行alert( coordinates );

我現在有什么

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

var geocoder = new google.maps.Geocoder();
var address = "410 walker street Lowell MA 01851";

geocoder.geocode( { 'address': address}, function(results, status) {

if (status == google.maps.GeocoderStatus.OK) {

    var latitude = results[0].geometry.location.lat();
    var longitude = results[0].geometry.location.lng();

    var coordinates = [latitude , longitude];



    alert( coordinates );


    } 
}); 
</script>

注意 ：410步行街Lowell MA 01851-> 42.6358311，-71.3290596

<iframe

    width="200"
    height="200"
    frameborder="0" style="border:0"
    src="https://www.google.com/maps/embed/v1/view?key=**********

        &center= 42.6358311,-71.3290596
        &zoom=18
        &maptype=satellite"

  >
  </iframe>

如果我運行這段代碼，我會得到這個結果

您可能想知道，到目前為止一切正常，既然一切正常，我為什么要問？

這是我的問題，而不是在&center= 42.6358311,-71.3290596手動輸入緯度和經度&center= 42.6358311,-71.3290596我想知道是否可以print out $coordinate變量中存儲的內容。

有人可以幫我怎么做嗎？ 我只想打印$ coordinate變量作為HTML屬性的一部分。

Answer 1

請參閱說明文件

“突出顯示某個位置或地址”會給我以下結果：

<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=410+walker+street+Lowell+MA+01851
&key=..."></iframe>

Answer 2

嘗試此代碼段，可能對您有幫助...

 var geocoder = new google.maps.Geocoder(); var address = "410 walker street Lowell MA 01851"; geocoder.geocode({ 'address': address }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { var latitude = results[0].geometry.location.lat(); var longitude = results[0].geometry.location.lng(); var coordinates = [latitude , longitude]; var mapOptions = { zoom: 18, center: new google.maps.LatLng(latitude, longitude), mapTypeId: google.maps.MapTypeId.SATELLITE }; map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); document.getElementById('myText').value = coordinates; } }); 

 <script src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script> <div id="map_canvas" style="width:500px; height:200px"></div> <br /> <p>Print out your coordinate : </p><input type="text" id="myText" > 

您要這樣打印嗎？ 如果我錯了，請糾正我。