我该如何使用Google Maps API来显示一个无侧边栏或搜索栏的全屏地图?我只需在移动应用程序中显示一个特定位置,用户不需要搜索。这是否可能?
另外,如果我提供街道地址,它如何在该位置放置一个推销员图标?
我该如何使用Google Maps API来显示一个无侧边栏或搜索栏的全屏地图?我只需在移动应用程序中显示一个特定位置,用户不需要搜索。这是否可能?
另外,如果我提供街道地址,它如何在该位置放置一个推销员图标?
<!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>
屏幕截图: