有人可以帮助我更改MapTypeControl DROPDOWN_MENU的样式,而无需构建一个完整的新样式。我搜索使用默认下拉列表来保存本地化,以便在加载时构建我自己的未本地化。Gmaps v3更改MapTypeControlStyle样式DROPDOWN_MENU
谢谢。
有人可以帮助我更改MapTypeControl DROPDOWN_MENU的样式,而无需构建一个完整的新样式。我搜索使用默认下拉列表来保存本地化,以便在加载时构建我自己的未本地化。Gmaps v3更改MapTypeControlStyle样式DROPDOWN_MENU
谢谢。
可以使用Map对象的setOptions
方法来完成你想要什么:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
$(document).ready(function() {
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(-33, 151),
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
$('#link-drop-down').click(function() {
map.setOptions({
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
});
});
$('#link-hbar').click(function() {
map.setOptions({
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
}
});
});
});
</script>
</head>
<body onload="initialize()">
<a id="link-drop-down" href="#">Change to Drop Down Menu</a>
<a id="link-hbar" href="#">Change to Horizontal Bar</a>
<div id="map_canvas" style="width:500px; height:500px"></div>
</body>
</html>
我想你的意思是你要更改的下拉菜单的外观。这是不可能与API,如果你想要一个不同的下拉菜单,那么你将需要编写自己的自定义控件,你可以阅读更多的文档http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomControls
对不起,我谈这个下拉式样的CSS,而不是改变一种类型到另一种。我的问题不是很清楚,我很抱歉。我搜索修改这个默认选择器addind左右div和背景img。 – user325558 2010-10-25 11:26:07
我仍然不明白你想要做什么。你能提供一些代码或例子吗? – sheikhomar 2010-10-25 11:39:41