1. 首页
  2. 问答
  3. 全屏Google地图

全屏Google地图

2010-07-29 105 views
13

如何使用Google Maps API向我显示没有侧边栏或搜索栏的全屏地图？我只需要它在移动应用中显示特定位置，用户就不需要搜索。这可能吗？全屏Google地图

另外，如果我提供一个街道地址，它怎么能把一个推针在该位置？

来源

2010-07-29 Yazzmi

回答

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

来源

2010-07-29 06:37:10

相关问题

 相关问题