first
This commit is contained in:
@@ -0,0 +1,153 @@
|
||||
'use strict';
|
||||
$(document).ready(function() {
|
||||
/*Basic map*/
|
||||
var basic;
|
||||
basic = new GMaps({
|
||||
el: '#basic-map',
|
||||
lat: 21.217319,
|
||||
lng: 72.866472,
|
||||
scrollwheel: false
|
||||
});
|
||||
|
||||
/*markers map*/
|
||||
var map;
|
||||
map = new GMaps({
|
||||
el: '#markers-map',
|
||||
lat: 21.2334329,
|
||||
lng: 72.866472,
|
||||
scrollwheel: false
|
||||
});
|
||||
|
||||
map.addMarker({
|
||||
lat: 21.2334329,
|
||||
lng: 72.866472,
|
||||
title: 'Marker with InfoWindow',
|
||||
infoWindow: {
|
||||
content: '<p><Phoenicoded></Phoenicoded> <br/> Buy Now at <a href="">Themeforest</a></p>'
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/*Overlays map*/
|
||||
var mapOverlay;
|
||||
mapOverlay = new GMaps({
|
||||
el: '#mapOverlay',
|
||||
lat: 21.2334329,
|
||||
lng: 72.866472,
|
||||
scrollwheel: false
|
||||
});
|
||||
mapOverlay.drawOverlay({
|
||||
lat: 21.2334329,
|
||||
lng: 72.866472,
|
||||
content: '<div class="overlay">Address</div>'
|
||||
});
|
||||
|
||||
/*Geocoding*/
|
||||
var mapGeo = new GMaps({
|
||||
div: '#mapGeo',
|
||||
lat: 21.2334329,
|
||||
lng: 72.866472
|
||||
});
|
||||
$('#geocoding_form').submit(function(e) {
|
||||
e.preventDefault();
|
||||
GMaps.geocode({
|
||||
address: $('#address').val().trim(),
|
||||
callback: function(results, status) {
|
||||
if (status == 'OK') {
|
||||
var latlng = results[0].geometry.location;
|
||||
mapGeo.setCenter(latlng.lat(), latlng.lng());
|
||||
mapGeo.addMarker({
|
||||
lat: latlng.lat(),
|
||||
lng: latlng.lng()
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*Street view*/
|
||||
var panorama;
|
||||
panorama = GMaps.createPanorama({
|
||||
el: '#mapStreet',
|
||||
lat: 42.3455,
|
||||
lng: -71.0983
|
||||
});
|
||||
|
||||
var mapT;
|
||||
|
||||
mapT = new GMaps({
|
||||
div: '#mapTypes',
|
||||
lat: 21.2334329,
|
||||
lng: 72.866472,
|
||||
mapTypeControlOptions: {
|
||||
mapTypeIds: ["hybrid", "roadmap", "satellite", "terrain", "osm"]
|
||||
}
|
||||
});
|
||||
mapT.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
|
||||
});
|
||||
mapT.setMapTypeId("osm");
|
||||
|
||||
/*GeoRSS Layers map*/
|
||||
var georssmap = new google.maps.Map(document.getElementById('georssmap'), {
|
||||
zoom: 4,
|
||||
center: { lat: 21.2334329, lng: 72.866472 }
|
||||
});
|
||||
|
||||
var georssLayer = new google.maps.KmlLayer({
|
||||
url: 'http://api.flickr.com/services/feeds/geo/?g=322338@N20&lang=en-us&format=feed-georss'
|
||||
});
|
||||
georssLayer.setMap(georssmap);
|
||||
|
||||
|
||||
var map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 6,
|
||||
center: { lat: 21.2334329, lng: 72.866472 }
|
||||
});
|
||||
|
||||
// Create an array of alphabetical characters used to label the markers.
|
||||
var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
|
||||
|
||||
// Add some markers to the map.
|
||||
// Note: The code uses the JavaScript Array.prototype.map() method to
|
||||
// create an array of markers based on a given "locations" array.
|
||||
// The map() method here has nothing To Do with the Google Maps API.
|
||||
var markers = locations.map(function(location, i) {
|
||||
return new google.maps.Marker({
|
||||
position: location,
|
||||
label: labels[i % labels.length]
|
||||
});
|
||||
});
|
||||
|
||||
// Add a marker clusterer to manage the markers.
|
||||
var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' });
|
||||
});
|
||||
var locations = [
|
||||
{ lat: 21.1702401, lng: 72.8310607 },
|
||||
{ lat: 21.128143, lng: 79.125618 },
|
||||
{ lat: 22.451530, lng: 88.399818 },
|
||||
{ lat: 20.264774, lng: 73.508148 },
|
||||
{ lat: 23.080135, lng: 72.572174 },
|
||||
{ lat: 22.835373, lng: 88.360992 },
|
||||
{ lat: 29.280394, lng: 78.831718 },
|
||||
{ lat: 9.907271, lng: 78.094429 },
|
||||
{ lat: 26.903660, lng: 78.514259 },
|
||||
{ lat: 19.062054, lng: 72.883438 },
|
||||
{ lat: 11.235264, lng: 78.858414 },
|
||||
{ lat: 23.302189, lng: 81.356804 },
|
||||
{ lat: 12.695032, lng: 78.621887 },
|
||||
{ lat: 22.511976, lng: 88.250992 },
|
||||
{ lat: 23.125587, lng: 88.546867 },
|
||||
{ lat: 21.164993, lng: 81.775307 },
|
||||
{ lat: 21.779188, lng: 87.744629 },
|
||||
{ lat: 25.416676, lng: 86.129379 },
|
||||
{ lat: 15.478569, lng: 78.483093 },
|
||||
{ lat: 13.340881, lng: 74.742142 },
|
||||
{ lat: 17.143908, lng: 79.623924 }
|
||||
|
||||
]
|
||||
Reference in New Issue
Block a user