邮政编码搜索最近的位置

问题描述：

有人可以告诉我如何将英国位置列表添加到谷歌地图，然后使用邮政编码搜索最近的位置。邮政编码搜索最近的位置

我有一个谷歌API，任何人都可以请帮忙吗？

非常感谢

更新：您的答复非常感谢。

我有一个带有地址的CSV文件，是否有可能为每个地址动态获取地理编码，并填充我的谷歌地图？

我目前正在查询我的数据库以获取存储的地理编码。

这里是我的示例：

http://www.mharrisweb.co.uk/maps/map.html

答

我想你想，当你说“添加位置列表”添加标记，以便做到这一点，你可以做一个循环，并增加对各定位标记。

你可以做这样的事情：

function addMarker (locations){ 
    for(var i =0; i< locations.length; i ++) 
    { 
     // Create a new location 
     var loc = new google.maps.LatLng(locations[i].latitude, locations[i].longitude); 

     // Create the marker options 
     var markerOptions = { 
      map: yourMap, 
      position: loc 
     }; 
     // Add the marker on map 
     var marker = new google.maps.Marker(markerOptions); 
    } 
}

，你有你的地图上的所有位置。

你说你想做一个邮政编码搜索找到最近的。

所以我觉得这个link可以让你感兴趣的做到这一点。

希望它有帮助。

答

/*jslint browser: true */ 
/*global google */ 
function toRad(value) { 
    "use strict"; 
    /** Converts numeric degrees to radians */ 
    return value * (Math.PI/180); 
} 

function getDistanceFromLatLonInKm(lat1, lon1, lat2, lon2, unit) { 
    "use strict"; 
    var a, c, d, R, dLat, dLon; 
    R = (unit === 'mi') ? 3958.75587 : (unit === 'ft') ? 20902230.9711286 : 6371; // Mean radius of the earth in km 
    dLat = toRad(lat2 - lat1); // toRad below 
    dLon = toRad(lon2 - lon1); 
    a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) * Math.sin(dLon/2) * Math.sin(dLon/2); 
    c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); 
    d = R * c; // Distance in km 
    return d; 
} 

function calcDistance(checkCoords, lat, lng) { 
    "use strict"; 
    var closestLatLng, distance = 7000, i, latlng; 
    for (i = 0; i < checkCoords.length; i = i + 1) { 
     latlng = checkCoords[i].split(","); 
     if (getDistanceFromLatLonInKm(latlng[0], latlng[1], lat, lng) < distance) { 
      distance = getDistanceFromLatLonInKm(latlng[0], latlng[1], lat, lng); 
      closestLatLng = [latlng[0], latlng[1]]; 
     } 
    } 
    return closestLatLng; 
} 

function addMarker(lat, lng, title, map) { 
    "use strict"; 
    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(lat, lng), 
     title: title 
    }); 
    marker.setMap(map); 
    return (lat + ',' + lng); 
} 

function show_map(lat, lng) { 
    "use strict"; 
    var checkCoords = [], closestLatLng, latlng, map, myOptions; 
    latlng = new google.maps.LatLng(lat, lng); 
    myOptions = { 
     zoom: 10, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById("map_container"), myOptions); 
    checkCoords[0] = addMarker(51.477118, -0.000732, 'Royal Observatory, Greenwich, London', map); 
    checkCoords[1] = addMarker(38.92126, -77.066442, 'US Naval Observatory, Washington, DC', map); 
    checkCoords[2] = addMarker(48.853499, 2.348090, 'Notre Dame Cathedral, Paris', map); 
    closestLatLng = calcDistance(checkCoords, lat, lng); 
    map.panTo(new google.maps.LatLng(closestLatLng[0], closestLatLng[1])); 
} 

function getLatLng(postcode) { 
    "use strict"; 
    var geocoder = new google.maps.Geocoder(); 
    geocoder.geocode({ 
     'address': postcode 
    }, function (results, status) { 
     if (status === google.maps.GeocoderStatus.OK) { 
      show_map(results[0].geometry.location.lat(), results[0].geometry.location.lng()); 
     } 
    }); 
} 

function get_location() { 
    "use strict"; 
    document.getElementById('map').innerHTML = '<form id="postcodeEntry" method="post" action="#" onsubmit="getLatLng(this.postcode.value);return false;">' 
     + '<fieldset>' 
     + '<label for="postcode">Enter your postcode for directions</label>' 
     + '<input type="text" name="postcode" id="postcode" />' + '<input type="submit" />' 
     + '</fieldset>' 
     + '</form>' 
     + '<div id="map_container" style="width:300px;height:300px">Map will appear after postcode entry</div>'; 
} 

get_location();

*编辑通过JSLint的

这就是你所追求的一种基本形式。您可以在此（更新）jsfiddle上看到它的行动。

邮政编码搜索最近的位置

相关推荐