谷歌地图地形视图默认
Google Maps Terrain View By Default
我想弄清楚如何使我的谷歌地图嵌入默认的"地形视图"和禁用其他选项,如卫星视图和街景。有人能给我指个方向吗?这是我的代码…
这是它目前的呈现方式:http://img842.imageshack.us/img842/7299/screenshot20111220at125.png
var map;
var middle_earth_MORADOR = new google.maps.LatLng(38, 0);
function initialize() {
// Define Styles
var styles = [
{
//featureType: "all", elementType: "all", stylers: [ { visibility: "on" }, { hue: "#e5f5fb" } ]
}
];
// Default map options
var mapOptions = {
zoom: 2,
center: middle_earth_MORADOR,
backgroundColor: "#000"
};
var locations = [
<?php foreach ($Projects as $Project) {
$oProjectPhotos = new clsProjectPhotos($Project['idProject']);
$photos = $oProjectPhotos->getProjectPhotos();
echo '["'.$Project["Name"].'", '.$Project["gmapslat"].', '.$Project["gmapslng"].', "'.$Project["CountryName"].'"],';
echo "'n";
echo "'t't";
}
?>
];
map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
var styledMapOptions = {
map: map,
name: "map"
}
var build = new google.maps.StyledMapType(styles,styledMapOptions);
map.mapTypes.set('map', build);
map.setMapTypeId('map');
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
return function() {
infowindow.setContent(
'<div>' + locations[i][0] + '</div>'+
'<div>' + locations[i][4] + '</div>'+
'<div>' + locations[i][5] + '</div>'+
'<div>' + locations[i][6] + '</div>'
);
infowindow.open(map, marker);
}
})(marker, i));
}
}
您可以指定用户可以选择的地图类型:
var mapOptions = {
zoom: 12,
//center: brooklyn,
center: new google.maps.LatLng(-23.565, -46.6565),
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.TERRAIN]
},
mapTypeId: google.maps.MapTypeId.TERRAIN
};
map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
其中mapTypeControlOptions是类型控制选项,mapTypeId是默认的映射类型
相关文章:
- 如何设置默认<ui视图>在另一<ui视图>
- 如何在默认情况下将主干视图设置为singleton
- 将范围添加到角度种子默认视图控制器时,测试套件现在失败
- 更改ng包含或定义默认ui视图
- 如何设置默认视图位置(铯1.6)
- MVC 3,剃刀视图 - 覆盖默认表单帖子
- 更改完整日历的议程日视图中的默认事件宽度
- KML 在加载后覆盖默认视图
- 详细信息视图 ASP.Net 取消客户端的默认编辑模式
- 角度视图自动重定向到默认(否则)视图
- 如果数据字段为空,如何在视图中显示默认值,以角度.js表示
- 默认情况下,引导菜单在移动视图中不折叠
- HTML DOM 从哪里开始?窗?公文?文档默认视图
- 什么'这是文档的要点.默认视图
- Geogebra Javascript - 如何为在图形视图中创建的每个数学对象默认没有标题
- 获取threejs场景和相机方向以设置默认视图
- 如何通过JS在Sharepoint 2013列表视图中触发默认渲染Link
- 谷歌地图地形视图默认
- Angular ui-router:容器视图和默认视图
- 根据用户偏好设置FullCalendar默认视图