如何在Android应用程序中使用谷歌地图

时间:2012-03-29 17:05:47

标签: javascript android google-maps android-maps

我是一个新的Android应用程序开发人员,我想在我的应用程序中使用谷歌地图。当用户点击标记时,它应显示特定位置的地址。我是经度和纬度。这是我的代码 - `

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

` 请帮帮我。

1 个答案:

答案 0 :(得分:1)

我使用静态地图for may应用程序,它确实很好用。这种方法使用HTML代码。您必须访问网站http://maps.google.com/并搜索您要使用谷歌地图的城市/州/国家/地区。在获取所需位置的地图后,将其保存为“保存到地图”。完成后,单击左侧栏中的链接按钮,您将获得这样的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文件中粘贴这样的代码,你将获得带有保存位置的静态地图图像。还可以根据需要添加多个位置。