2010-07-29 21 views
13

मैं Google मानचित्र API का उपयोग कैसे कर सकता हूं ताकि मुझे कोई साइडबार या खोज बार के साथ एक पूर्ण स्क्रीन मानचित्र दिखाया जा सके? मुझे बस मोबाइल ऐप में एक विशिष्ट स्थान दिखाने की ज़रूरत है, उपयोगकर्ताओं को खोजने की आवश्यकता नहीं है। क्या यह संभव है?पूर्ण स्क्रीन Google मानचित्र

यदि मैं सड़क का पता प्रदान करता हूं तो यह स्थान पर पुश-पिन कैसे रख सकता है?

उत्तर

25

मान लिया जाये कि आप v3 API उपयोग करने के लिए योजना बना रहे हैं, तो आप दस्तावेज के निम्न अनुभाग जाँच करना चाहते हो सकता है:

अपने दूसरे प्रश्न का सवाल है, आप Geocoding उपयोग कर सकते हैं।

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps Geocoding Demo</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" 
      type="text/javascript"></script> 
    <style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0px; padding: 0px } 
    #map { height: 100% } 
    </style> 
</head> 
<body> 
    <div id="map"></div> 

    <script type="text/javascript"> 

    var address = 'Oxford Street, London, UK'; 

    var map = new google.maps.Map(document.getElementById('map'), { 
     mapTypeId: google.maps.MapTypeId.TERRAIN, 
     zoom: 12 
    }); 

    var geocoder = new google.maps.Geocoder(); 

    geocoder.geocode({ 
     'address': address 
    }, 
    function(results, status) { 
     if(status == google.maps.GeocoderStatus.OK) { 
     new google.maps.Marker({ 
      position: results[0].geometry.location, 
      map: map 
     }); 
     map.setCenter(results[0].geometry.location); 
     } 
     else { 
     // Google couldn't geocode this request. Handle appropriately. 
     } 
    }); 

    </script> 
</body> 
</html> 

स्क्रीनशॉट:

Full Screen Google Map

निम्नलिखित सरल उदाहरण पर विचार करें
संबंधित मुद्दे