webentwicklung-frage-antwort-db.com.de

Platzieren Sie Markierungen aus Name, Adresse und Postleitzahl

In meinem Domain-Modell habe ich für die fraglichen Entitäten Folgendes:

  • Name des Ortes (z. B. Waterstones Wakefield)
  • Die Straßenadressen (z. B. 61-62 Bishopgate Walk)
  • Und die Postleitzahl (z. B. WF1 1YB)

Wie kann ich aus den obigen drei Informationen einen Marker auf der Karte platzieren lassen? Ich verwende Google Maps API 3.

Vielen Dank

27
J86

Versuchen Sie dieses Beispiel:

HIER DAS ORIGINAL

HTML

      <body onload="initialize()">
        <div>
          <input id="address" type="text" value="Sydney, NSW">
          <input type="button" value="Geocode" onclick="codeAddress()">
        </div>
        <div id="map-canvas" style="height:90%;top:30px"></div>
      </body>

JS

 <script>
  var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var mapOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  }

  function codeAddress() {
    var address = document.getElementById('address').value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      } else {
        alert('Geocode was not successful for the following reason: ' + status);
      }
    });
  }
</script>
46
grigno