2012-03-29 4 views
2

私は新しいアンドロイドアプリの開発者です。自分のアプリケーションでGoogleマップを使用したいと思います。ユーザーがマーカーをクリックすると、特定の場所の住所が表示されます。経度と緯度を変更します。 `アンドロイドアプリでGoogleマップを使用する方法

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

` 私を助けてください、私のコード - です。

+0

[マーカーでアンドロイドの地図を表示する方法](http://stackoverflow.com/questions/6140433/how-to-display-map-in-android-with-marker) –

+0

@samir私は持っています編集された質問。それは今より具体的です。それを指してくれてありがとう。 – devloper

答えて

1

私は静的マップをmayアプリケーションに使用しました。このメソッドはHTMLコードを使用しています。http://maps.google.com/サイトを訪問し、googleマップを使用したいあなたの都市/州/国を検索する必要があります。必要な場所を検索し、「地図に保存」として保存します。設定が終わったら、左サイドバーにリンクボタンをクリックすると、あなたがこのようなHTMLコードを取得する、///これは、アメリカのグーグルマップのサンプルコード、あなたが持っている

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

あるにちょうどこのようなコードを貼り付けあなたのhtmlファイルでは、あなたはあなたが望むだけ多くの場所を追加することができますあなたの保存されたlocations.Oneより静的な地図画像を取得します。

関連する問題