78 lines
2.2 KiB
JavaScript
78 lines
2.2 KiB
JavaScript
/*
|
|
Template Name: Grenviro Monitoring
|
|
Author: Themesbrand
|
|
Website: https://Themesbrand.com/
|
|
Contact: Themesbrand@gmail.com
|
|
File: Gmaps init Js File
|
|
*/
|
|
|
|
var map;
|
|
document.addEventListener("DOMContentLoaded", function (event) {
|
|
// Markers
|
|
if (document.getElementById('gmaps-markers')) {
|
|
map = new GMaps({
|
|
div: '#gmaps-markers',
|
|
lat: -12.043333,
|
|
lng: -77.028333
|
|
});
|
|
map.addMarker({
|
|
lat: -12.043333,
|
|
lng: -77.03,
|
|
title: 'Lima',
|
|
details: {
|
|
database_id: 42,
|
|
author: 'HPNeo'
|
|
},
|
|
click: function (e) {
|
|
if (console.log)
|
|
console.log(e);
|
|
alert('You clicked in this marker');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Overlays
|
|
if (document.getElementById('gmaps-overlay')) {
|
|
map = new GMaps({
|
|
div: '#gmaps-overlay',
|
|
lat: -12.043333,
|
|
lng: -77.028333
|
|
});
|
|
map.drawOverlay({
|
|
lat: map.getCenter().lat(),
|
|
lng: map.getCenter().lng(),
|
|
content: '<div class="gmaps-overlay">Lima<div class="gmaps-overlay_arrow above"></div></div>',
|
|
verticalAlign: 'top',
|
|
horizontalAlign: 'center'
|
|
});
|
|
}
|
|
|
|
//panorama
|
|
if (document.getElementById('panorama'))
|
|
map = GMaps.createPanorama({
|
|
el: '#panorama',
|
|
lat: 42.3455,
|
|
lng: -71.0983
|
|
});
|
|
|
|
//Map type
|
|
if (document.getElementById('gmaps-types')) {
|
|
map = new GMaps({
|
|
div: '#gmaps-types',
|
|
lat: -12.043333,
|
|
lng: -77.028333,
|
|
mapTypeControlOptions: {
|
|
mapTypeIds: ["hybrid", "roadmap", "satellite", "terrain", "osm"]
|
|
}
|
|
});
|
|
map.addMapType("osm", {
|
|
getTileUrl: function (coord, zoom) {
|
|
return "https://a.tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
|
|
},
|
|
tileSize: new google.maps.Size(256, 256),
|
|
name: "OpenStreetMap",
|
|
maxZoom: 18
|
|
});
|
|
map.setMapTypeId("osm");
|
|
}
|
|
}); |