0

以下の例では、

https://google-developers.appspot.com/maps/documentation/javascript/examples/place-search

nearSearchを使用すると、場所の1つが「JohnStSquareSupermarket」に戻ります。完全なグーグルマップで「ジョンセントスクエアスーパーマーケット」を表示するためのURLを生成するにはどうすればよいですか？現在、緯度と経度を「http://maps.google.com/?q="」に追加して生成しています。これはhttp://maps.google.com/?q=123,456 のようになりますが、 t場所の名前と正しいマーカーを表示します。

次に、http：//maps.google.com/？q = John StSquareSupermarketで試してみました

うまく機能しています...複数の場所がある地名に出くわすまで。例えば、

http://maps.google.com/?q=SK%20Dato%27%20Abu%20Bakar

複数の場所が表示されますが、必要なのは緯度と経度がわかっている場所だけです。

4

2 に答える 2

2

パラメータを使用して、緯度と経度をURLに追加できますll。

https://maps.google.com/?q=pizza+hut&ll=-33.867701,151.208471

また、パラメータを使用して、ユーザーのデフォルトのズームレベルを指定することもできますz。

https://maps.google.com/?q=pizza+hut&ll=-33.867701,151.208471&z=12

于 2012-11-22T05:47:02.717 に答える
0

PlacesResult.urlプロパティは、GoogleプレイスのURLを表します。 https://developers.google.com/maps/documentation/javascript/reference#PlaceResult

だからあなたはこのようにすることができます：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Google Maps JavaScript API v3 Example: Place Search</title>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&libraries=places"></script>

    <style>
      #map {
        height: 400px;
        width: 600px;
        border: 1px solid #333;
        margin-top: 0.6em;
      }
    </style>

    <script>
      var map;
      var infowindow;
      var service;

      function initialize() {
        var pyrmont = new google.maps.LatLng(-33.8665433, 151.1956316);

        map = new google.maps.Map(document.getElementById('map'), {
          mapTypeId : google.maps.MapTypeId.ROADMAP,
          center : pyrmont,
          zoom : 15
        });

        var request = {
          location : pyrmont,
          radius : 500,
          types : ['store']
        };
        infowindow = new google.maps.InfoWindow();
        service = new google.maps.places.PlacesService(map);
        service.nearbySearch(request, callback);
      }

      function callback(results, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {
          for (var i = 0; i < results.length; i++) {
            createMarker(results[i]);
          }
        }
      }

      function createMarker(place) {
        var placeLoc = place.geometry.location;
        var marker = new google.maps.Marker({
          map : map,
          position : place.geometry.location,
          reference : place.reference,
          name : place.name
        });

        google.maps.event.addListener(marker, 'click', onMarker_clicked);
      }

      function onMarker_clicked() {
        var marker = this;

        service.getDetails({
          reference : marker.get("reference")
        }, function(result) {
          var html = marker.get("name");
          if (result && "url" in result) {
            marker.set("url", result.url);
          }

          if (marker.get("url")) {
            html = "<a href='" + marker.get("url") + "' target=_blank>" + html + "</a>";
          }
          infowindow.setContent(html);
          infowindow.open(map, marker);
        });
      }


      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map"></div>
  </body>
</html>
于 2012-11-22T05:40:54.627 に答える