Cách lấy đối tượng MapOptions từ bản đồ bằng API Google Maps v3

Question

Trong api v2 của Google Maps, bạn có thể nhận các tham số như loại bản đồ, thu phóng vv trực tiếp từ đối tượng bản đồ. Trong phiên bản 3 bạn có phương thức setOptions để thiết lập một số tham số, nhưng không có getOptions() hoặc các tùy chọn để lấy chúng.

Answer 1

Bạn có thể truy cập vào những tài sản thông qua các phương pháp trên lớp Map:

• getZoom()
• getMapTypeId()
• getCenter()
• vv ..

Answer 2

Bạn cũng có thể truy cập các tùy chọn bằng cách sử dụng phương thức get trên bản đồ dưới dạng MVCObject như được hiển thị i n ví dụ này

// create map 
 
var myLatlng = new google.maps.LatLng(-33, 151); 
 
var myOptions = { 
 
    center: myLatlng, 
 
    zoom: 5 
 
}; 
 
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 

 
map.setOptions({ 
 
    streetViewControl: false, 
 
    zoom: 6, 
 
    zoomControl: false, 
 
    } 
 
); 
 

 
document.getElementById("center").value = map.get('center'); 
 
document.getElementById("streetViewControl").value = map.get('streetViewControl'); 
 
document.getElementById("zoom").value = map.get('zoom'); 
 
document.getElementById("zoomControl").value = map.get('zoomControl');

#map_canvas { 
 
    width: 50%; 
 
    height: 200px; 
 
    float: left; 
 
} 
 

 
input { 
 
    width: 90px; 
 
    }

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
 
<div id="map_canvas"></div> 
 

 
<input type="text" id="center" /> center<br> 
 
<input type="text" id="streetViewControl" /> streetViewControl<br> 
 
<input type="text" id="zoom" /> zoom<br> 
 
<input type="text" id="zoomControl" /> zoomControl<br> 
 
...