first commit
This commit is contained in:
@@ -0,0 +1,80 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # 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();
|
||||
});
|
||||
Reference in New Issue
Block a user