Question

我正在使用Google Maps JavaScript API。作为地图视图的替代方案，我提供了一个＆＃34;列表＆＃34;查看位置（按地点我的意思是标记）：

var locloc = [];
var testContent;

var marker, i;

for (i = 0; i < locations.length; i++) {

    // UPDATE THE LIST OF LOCATIONS SECTION

    locloc.push({
        lat: locations[i][5],
        lng: locations[i][6]
    });

    testContent += '<div style="clear:both;height:200px;">'
                   + locations[i][0] + '<br>' 
                   + locations[i][5] + ',' + locations[i][6]
                   + '</div>';

    document.getElementById("search_results").innerHTML = testContent;

    var icon_image;
    icon_image = 'https://maps.gstatic.com/mapfiles/ms2/micons/subway.png';

    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][5], locations[i][6]),
        animation: google.maps.Animation.DROP,
        icon: icon_image,
        map: map
    });

＆＃34;地点列表＆＃34;部分代码：

<div id="locations_list">

    <h3>List of Locations</h3>

    <div id="search_results"></div>

</div>

此外，我有一个搜索框，允许按地址搜索：

<input type="text" name="address" id="address" class="address" placeholder="Where are you coming from?" />

我想让用户搜索一个地址，然后更新＆＃34;地点列表＆＃34;区域的位置按搜索地址的距离（最接近的第一个）排序。

如何使用Google Maps JavaScript API计算每个标记的距离并将其输出到“地点列表”部分？

Google Maps JavaScript API计算每个标记的距离

0 个答案: