Javascript 如何从谷歌地图中删除缩放、地形和用户导航?
我正在使用JSAPI来显示我的地图。 代码如下:Javascript 如何从谷歌地图中删除缩放、地形和用户导航?,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在使用JSAPI来显示我的地图。 代码如下: <script type="text/javascript"> function initialize() { var _lat = 10; var _long = 200; var myLatlng = new google.maps.LatLng(_lat, _long); var myOptions = { center: myLatlng, z
<script type="text/javascript">
function initialize() {
var _lat = 10;
var _long = 200;
var myLatlng = new google.maps.LatLng(_lat, _long);
var myOptions = {
center: myLatlng,
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var image = 'target.png';
var beachMarker = new google.maps.Marker({
position: myLatlng,
map: map,
icon: image
});
beachMarker.setMap(map);
}
</script>
函数初始化(){
var _lat=10;
var_long=200;
var mylatng=new google.maps.LatLng(_lat,_long);
变量myOptions={
中心:myLatlng,
缩放:15,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“map_canvas”),
肌肽);
var image='target.png';
var beachMarker=new google.maps.Marker({
职位:myLatlng,
地图:地图,
图标:图像
});
beachMarker.setMap(地图);
}
现在我想从地图上删除一些东西
scaleControl: false,
此选项用于禁用按比例缩放
draggable: false,
此选项用于禁用拖动
mapTypeControl: false,
此选项将隐藏贴图类型
具体如下:
var myOptions = {
center: myLatlng,
zoom: 15,
mapTypeControl: false,
draggable: false,
scaleControl: false,
scrollwheel: false,
navigationControl: false,
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
对于删除+和-使用此选项 动物控制:错误 使用“禁用默认用户界面” 例如:
谢谢你这么快的答复。。我如何删除这个?[IMG]gmap.removeControl();试试这个,我的问题有了答案。。需要添加两个。。navigationControl:false,streetViewControl:false这是删除请求的项目而不必列出每个选项的最佳答案。这将删除UI,但不会阻止用户使用鼠标或触摸控件滚动/缩放。
var myOptions = {
center: myLatlng,
zoom: 15,
mapTypeControl: false,
draggable: false,
scaleControl: false,
scrollwheel: false,
navigationControl: false,
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(-33, 151),
disableDefaultUI: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);`