2012-03-29 5 views
2

Ich bin ein neuer android app entwickler und ich möchte google map in meiner anwendung verwenden.Wenn der benutzer klickt auf marker sollte es adresse für bestimmte orte anzeigen. Ich bin usig geographische und geografische breite mein Code- ist `wie google maps in android app zu verwenden

<!DOCTYPE html> 
    <html> 
     <head> 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
     <style type="text/css"> 
      html { height: 100% } 
      body { height: 100%; margin: 0; padding: 0 } 
      #map_canvas { height: 100% } 
     </style> 

     <script type="text/javascript" 
      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA5wa4_VHXgAoUA9NOwlW-J-ibOuLc4Yaw&sensor=false"> 
     </script> 



    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
     var map; 
     function initialize() { 
// sample longitude and latitude 
     var locations = [ 
      ['Deolali', 20.022703,73.72811], 
      ['Nasik Road', 20.02929,73.722362], 
     ]; 
     var map_center = new google.maps.LatLng(20.022703,73.72811); 
     var str='<h2>Deolali,Nasik Road,Nasik</h2>' 
     var myOptions = { 
      zoom: 10, 
      center: map_center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     for (i = 0; i < locations.length; i++) { 
     var store1 = new google.maps.LatLng(locations[i][1], locations[i][2]); 

    var infowindow = new google.maps.InfoWindow({ 
     content: str 
    }); 



      var marker1 = new google.maps.Marker({ 
      position: store1, 
      map: map, 
      title:"Store 1" 
     }); 

     google.maps.event.addListener(marker1, 'click', function() { 
      map.set_center(store1); 
      map.set_zoom(16); 
      marker1.openInfoWindowHtml('here I am'); 
      infowindow.open(map,marker); 

     }); 
    } 


     } 
    </script> 

     </head> 
     <body onload="initialize()"> 
     <div id="map_canvas" style="width:100%; height:100%"></div> 
     </body> 
    </html> 

` Bitte helfen Sie mir.

+0

möglich duplikat von [wie karte in android mit marker anzuzeigen] (http://stackoverflow.com/questions/6140433/how-to-display-map-in-android-with-marker) –

+0

@samir ich habe bearbeitete Frage.Es ist jetzt spezifischer. Danke, dass du es gezeigt hast. – devloper

Antwort

1

Ich verwendete statische Karte für die Mai-Anwendung und es funktioniert wirklich schön.Diese Methode verwendet HTML-Codes.Sie müssen Website http://maps.google.com/ besuchen und suchen Sie nach Ihrer Stadt/Bundesland/Land, für die Sie Google map.Nach Erhalt der Karte verwenden möchten Suchen Sie nach Ihren gewünschten Orten und speichern Sie sie als 'Speichern auf Karte'. Sobald Sie dann auf Link-Button-Leiste in der linken Seite getan haben, klicken und Sie werden HTML-Code, wie diese erhalten, /// dieses Beispiel-Code für Google Karte von USA ist,

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?msa=0&amp;msid=216854043611115490081.0004bc7afbd6561efbeb0&amp;ie=UTF8&amp;ll=43.075968,-107.290284&amp;spn=0,0&amp;t=h&amp;output=embed"></iframe><br /><small>View <a href="http://maps.google.com/maps/ms?msa=0&amp;msid=216854043611115490081.0004bc7afbd6561efbeb0&amp;ie=UTF8&amp;ll=43.075968,-107.290284&amp;spn=0,0&amp;t=h&amp;source=embed" style="color:#0000FF;text-align:left">My Saved Places</a> in a larger map</small> 

Sie müssen nur fügen Sie Code wie folgt in Ihrer HTML-Datei und Sie erhalten statische Karte Bild mit Ihren gespeicherten Standorten.Eine weitere Sache können Sie Anzahl der Standorte so viel wie Sie wollen hinzufügen.