dev-chiefworks
81 lines
2.0 KiB
JavaScript
81 lines
2.0 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Rectangles
|
|
*
|
|
* Specific JS code additions for maps_google_drawings.html page
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
|
|
// Setup module
|
|
// ------------------------------
|
|
|
|
var GoogleMapDrawingRectangles = function() {
|
|
|
|
|
|
//
|
|
// Setup module components
|
|
//
|
|
|
|
// Line chart
|
|
var _googleMapDrawingRectangles = function() {
|
|
if (typeof google == 'undefined') {
|
|
console.warn('Warning - Google Maps library is not loaded.');
|
|
return;
|
|
}
|
|
|
|
// Initialize
|
|
function initialize() {
|
|
|
|
// Define map element
|
|
var map_drawing_rectangles_element = document.getElementById('map_drawing_rectangle');
|
|
|
|
// Options
|
|
var mapOptions = {
|
|
zoom: 11,
|
|
center: new google.maps.LatLng(33.678176, -116.242568),
|
|
mapTypeId: google.maps.MapTypeId.TERRAIN
|
|
};
|
|
|
|
// Apply options
|
|
var map = new google.maps.Map(map_drawing_rectangles_element, mapOptions);
|
|
|
|
// Add rectangle
|
|
var rectangle = new google.maps.Rectangle({
|
|
strokeColor: '#FF0000',
|
|
strokeOpacity: 0.8,
|
|
strokeWeight: 2,
|
|
fillColor: '#FF0000',
|
|
fillOpacity: 0.35,
|
|
map: map,
|
|
bounds: new google.maps.LatLngBounds(
|
|
new google.maps.LatLng(33.671068, -116.25128),
|
|
new google.maps.LatLng(33.685282, -116.233942)
|
|
)
|
|
});
|
|
}
|
|
|
|
// Load map
|
|
google.maps.event.addDomListener(window, 'load', initialize);
|
|
};
|
|
|
|
|
|
//
|
|
// Return objects assigned to module
|
|
//
|
|
|
|
return {
|
|
init: function() {
|
|
_googleMapDrawingRectangles();
|
|
}
|
|
}
|
|
}();
|
|
|
|
|
|
// Initialize module
|
|
// ------------------------------
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
GoogleMapDrawingRectangles.init();
|
|
});
|