3

英国の場所のリストを Google マップに追加し、郵便番号検索を使用して最も近い場所を検索する方法を教えてください。

私はGoogle APIを持っています。誰か助けてもらえますか?

どうもありがとう

更新: 返信ありがとうございます。

住所を含む CSV ファイルがあります。その場で各住所のジオコードを取得し、Google マップに入力することはできますか?

現在、データベースにクエリを実行して、保存されているジオコードを取得しています。

これが私のサンプルです：

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

4

2 に答える 2

2 
/*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で実際に動作しているのを見ることができます。

于 2013-03-01T02:54:39.680 に答える
0

「場所のリストを追加する」と言ったときにマーカーを追加したいので、ループを実行して場所ごとにマーカーを追加することができます。

あなたはそのようなことをすることができます:

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);
   }
}

また、マップ上にすべての場所が表示されます。

あなたは、郵便番号を検索して最寄りの郵便番号を検索したいと言いました。

だから私はあなたがそれをすることに興味を持つことができるこのリンクを見つけます.

それが役立つことを願っています。

于 2013-02-28T14:40:38.997 に答える