2013-03-29 8 views
24

मेरे डोमेन मॉडल में, सवाल में संस्थाओं के लिए, मेरे पास है: जगह कीप्लेस मार्करों

  • नाम (जैसे Waterstones वेकफील्ड)
  • सड़क के पते (जैसे 61-62 Bishopgate वॉक)
  • और पोस्ट कोड (जैसे WF1 1YB)

सूचना के ऊपर तीन टुकड़े से, कैसे मैं एक मार्कर पर मानचित्र रखा मिल सकता है? मैं गूगल मैप्स एपीआई 3.

धन्यवाद

उपयोग कर रहा हूँ
+0

एक विस्तार ब्लॉग: http : //goo.gl/d8w1J0 –

+1

@ सुरेशकमुरुशी आप इसे "विस्तार ब्लॉग" कहते हैं, लेकिन यह केवल एक कोड स्निपेट है जिसमें कोई भी स्पष्टीकरण नहीं है कि यह कैसे काम करता है। – WongKongPhooey

उत्तर

41

इस उदाहरण का प्रयास करें:

HERE THE ORIGINAL

एचटीएमएल

 <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> 

जे एस

<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> 
+0

संपादन के लिए धन्यवाद। तो [पता] इनपुट ले जाएगा, नाम, सड़क और पोस्ट कोड सभी एक बार अल्पविराम से अलग हो जाते हैं? – Ciwan

+0

खेद है कि मैंने गलत एक्संपेल चिपकाया है, – grigno

+0

संपादित करें को सीधे देखें https://google-developers.appspot.com/maps/documentation/javascript/examples/geocoding-simple यह gmaps दस्तावेज़ों से है। – grigno

संबंधित मुद्दे