如何打印出我的 Javascript 变量作为我的 HTML 属性的一部分？

Question

详情

我想将地址转换为坐标
我想使用该坐标填充地图视图
我知道我的 $coordinate 变量 = 42.6358311,-71.3290596
我通过运行ning 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 walker street 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 中手动输入纬度和经度我想知道，是否可以 print out 我的 $coordinate 变量中存储的任何内容。

有人可以帮我怎么做吗？我只想打印出我的 $coordinate 变量作为我的 HTML 属性的一部分。

Answer 1

见the documentation

"Highlight a place or an address" 给我这个结果：

<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" >

要这样打印吗？如有错误请指正..

如何打印出我的 Javascript 变量作为我的 HTML 属性的一部分？

How to print out my Javascript variable as part of my HTML attribute?

html

javascript

google-maps

详情

我现在拥有的