10

Google マップの Places API v3 を使用して、それぞれがマップ上の異なるマーカーで表される多数の「タイプ」の場所を返します。

google.maps.places.PlacesService オブジェクトを作成し、プレイス タイプごとに「search」メソッドを呼び出します。タイプごとに異なる MarkerImage を選択する必要があるため、毎回、異なるコールバック関数 (「検索」の 2 番目のパラメーター) を使用します。

var address = "97-99 Bathurst Street, Sydney, 2000";
geocoder.geocode({ 'address': address }, function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        var location = results[0].geometry.location;

        map.setCenter(location);

        var marker = new google.maps.Marker({
            map: map,
            position: location
        });

        infowindow = new google.maps.InfoWindow();
        var service = new google.maps.places.PlacesService(map);

        // banks
        var req_bank = { location: location, radius: 500, types: ['bank'] };
        service.search(req_bank, banks);

        // bars
        var req_bar = { location: location, radius: 500, types: ['bar'] };
        service.search(req_bar, bars);

        // car parks
        var req_parking = { location: location, radius: 500, types: ['parking'] };
        service.search(req_parking, carparks);

    } else {
        alert("Geocode was not successful for the following reason: " + status);
    }
});

MarkerImage のみが異なるコールバック関数を次に示します。

function banks(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
        for (var i = 0; i < results.length; i++) {
            createMarker(results[i], new google.maps.MarkerImage("/images/bank.png", null, null));
        }
    }
}
function bars(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
        for (var i = 0; i < results.length; i++) {
            createMarker(results[i], new google.maps.MarkerImage("/images/bar.png", null, null));
        }
    }
}
function carparks(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
        for (var i = 0; i < results.length; i++) {
            createMarker(results[i], new google.maps.MarkerImage("/images/parking.png", null, null));
        }
    }
}

このコードは 100% 機能しますが、異なる場所の種類ごとにコールバックが重複することは避けたいと思います (約 10 になります)。マーカー URL をコールバック関数に渡す方法はありますか? そうすれば、コールバックが 1 つだけ必要になります...

4

1 に答える 1

11

以下はどうでしょう。

service.search(req_bank, function (results, status) {
  locations(results, status, "bank");
});

function locations(results, status, type) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    // check the type to determine the marker, or pass a url to the marker icon
  }
}
于 2012-05-04T01:00:39.637 に答える