[GoogleMap] 如何監聽zoom變更的控制

如何監聽zoom變更的控制

var 
 map = new google.maps.Map($mapElement[0], mapOptions);
                console.log($mapElement[0]);
                
                google.maps.event.addListener(map, 'zoom_changed', function () {
                    var zoomLevel = map.getZoom();
                    logger.debug('zoom_changed to level: ' + zoomLevel);
}

Google map Click

function SearchMap(address)
{
var marker
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_"));
var geocoder = new GClientGeocoder();


map.setUIToDefault();
geocoder.getLatLng(address, function(point) {
if (!point)
{
alert('Google Maps 找不到該地址，無法顯示地圖！'); //如果Google Maps無法顯示該地址的警示文字
}
else
{

$(".latlng_").text(point.lat()+","+point.lng());

map.setCenter(point, 13);
marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
});
GEvent.addListener(map,"click", function(overlay,latlng) {
map.removeOverlay(marker);
if (overlay) {
// ignore if we click on the info window
return;
}
var tileCoordinate = new GPoint();
var tilePoint = new GPoint();
var currentProjection = G_NORMAL_MAP.getProjection();

var geoPoint0= new GLatLng(latlng.lat(),latlng.lng());


var myLatLng = new GLatLng(latlng.lat(), latlng.lng());

//移動地圖中心點
map.panTo( myLatLng );
//設定標註座標
marker.setLatLng( myLatLng );

var myGeocoder = new GClientGeocoder();
myGeocoder.getLocations(myLatLng, function(addresses) {
if(addresses.Status.code != 200) {
//alert("此座標沒有找到對應的地址 " + myLatLng.toUrlValue());
alert("此座標沒有找到對應的地址，請重新點選其他地方!");
}
else
{
var result = addresses.Placemark[0];
marker= new GMarker(geoPoint0, { title:latlng.lat()+","+ latlng.lng()});
map.addOverlay(marker);
marker.openInfoWindowHtml( result.address );
$(".latlng_").text(latlng.lat()+","+latlng.lng());
}
});
});


}
}

Google Char Sample Code Using Javascript

<script type="text/javascript" src="http://www.google.com/jsapi"></script>  
<script type="text/javascript">  
  google.load("visualization", "1", {packages: ["columnchart"]});  
</script>  
<script type="text/javascript">  
  function drawVisualization() {  
var data = new google.visualization.DataTable();  
  
// 設定X軸和Y軸  
data.addColumn("string", "Name");  
data.addColumn("number", "股價");  
  
// 設定欄位數量  
data.addRows(4);  
  
// 設定X軸欄位名稱  
data.setCell(0, 0, "中美晶");  
data.setCell(1, 0, "合晶");  
data.setCell(2, 0, "綠能");  
data.setCell(3, 0, "德淵");  
  
// 設定Y軸欄位值  
data.setCell(0, 1, 68.0);  
data.setCell(1, 1, 41.9);  
data.setCell(2, 1, 98.7);  
data.setCell(3, 1, 10.95);  
  
// 建立ColumnChart圖表  
new google.visualization.ColumnChart(document.getElementById("visualization")).  
draw(data, null);  
  }  
  
google.setOnLoadCallback(drawVisualization);  
</script>  
  
<!-- 圖表顯示位置及大小 -->  
<div id="visualization" style="width: 400px; height: 300px;"></div>