Gmaps v3更改MapTypeControlStyle樣式DROPDOWN_MENU

有人可以幫助我更改MapTypeControl DROPDOWN_MENU的樣式，而無需構建一個完整的新樣式。我搜索使用默認下拉列表來保存本地化，以便在加載時構建我自己的未本地化。Gmaps v3更改MapTypeControlStyle樣式DROPDOWN_MENU

謝謝。

來源

2010-10-23 user325558

可以使用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>

來源

2010-10-23 17:48:10 sheikhomar

對不起，我談這個下拉式樣的CSS，而不是改變一種類型到另一種。我的問題不是很清楚，我很抱歉。我搜索修改這個默認選擇器addind左右div和背景img。 – user325558 2010-10-25 11:26:07

我仍然不明白你想要做什麼。你能提供一些代碼或例子嗎？ – sheikhomar 2010-10-25 11:39:41

我想你的意思是你要更改的下拉菜單的外觀。這是不可能與API，如果你想要一個不同的下拉菜單，那麼你將需要編寫自己的自定義控件，你可以閱讀更多的文檔http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomControls

來源

2010-10-29 17:43:30 skarE

Gmaps v3更改MapTypeControlStyle樣式DROPDOWN_MENU

回答

相關問題