Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

google-maps.js 4.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. 'use strict';
  2. $(document).ready(function() {
  3. /*Basic map*/
  4. var basic;
  5. basic = new GMaps({
  6. el: '#basic-map',
  7. lat: 21.217319,
  8. lng: 72.866472,
  9. scrollwheel: false
  10. });
  11. /*markers map*/
  12. var map;
  13. map = new GMaps({
  14. el: '#markers-map',
  15. lat: 21.2334329,
  16. lng: 72.866472,
  17. scrollwheel: false
  18. });
  19. map.addMarker({
  20. lat: 21.2334329,
  21. lng: 72.866472,
  22. title: 'Marker with InfoWindow',
  23. infoWindow: {
  24. content: '<p><Phoenicoded></Phoenicoded> <br/> Buy Now at <a href="">Themeforest</a></p>'
  25. }
  26. });
  27. /*Overlays map*/
  28. var mapOverlay;
  29. mapOverlay = new GMaps({
  30. el: '#mapOverlay',
  31. lat: 21.2334329,
  32. lng: 72.866472,
  33. scrollwheel: false
  34. });
  35. mapOverlay.drawOverlay({
  36. lat: 21.2334329,
  37. lng: 72.866472,
  38. content: '<div class="overlay">Address</div>'
  39. });
  40. /*Geocoding*/
  41. var mapGeo = new GMaps({
  42. div: '#mapGeo',
  43. lat: 21.2334329,
  44. lng: 72.866472
  45. });
  46. $('#geocoding_form').submit(function(e) {
  47. e.preventDefault();
  48. GMaps.geocode({
  49. address: $('#address').val().trim(),
  50. callback: function(results, status) {
  51. if (status == 'OK') {
  52. var latlng = results[0].geometry.location;
  53. mapGeo.setCenter(latlng.lat(), latlng.lng());
  54. mapGeo.addMarker({
  55. lat: latlng.lat(),
  56. lng: latlng.lng()
  57. });
  58. }
  59. }
  60. });
  61. });
  62. /*Street view*/
  63. var panorama;
  64. panorama = GMaps.createPanorama({
  65. el: '#mapStreet',
  66. lat: 42.3455,
  67. lng: -71.0983
  68. });
  69. var mapT;
  70. mapT = new GMaps({
  71. div: '#mapTypes',
  72. lat: 21.2334329,
  73. lng: 72.866472,
  74. mapTypeControlOptions: {
  75. mapTypeIds: ["hybrid", "roadmap", "satellite", "terrain", "osm"]
  76. }
  77. });
  78. mapT.addMapType("osm", {
  79. getTileUrl: function(coord, zoom) {
  80. return "https://a.tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
  81. },
  82. tileSize: new google.maps.Size(256, 256),
  83. name: "OpenStreetMap",
  84. maxZoom: 18
  85. });
  86. mapT.setMapTypeId("osm");
  87. /*GeoRSS Layers map*/
  88. var georssmap = new google.maps.Map(document.getElementById('georssmap'), {
  89. zoom: 4,
  90. center: { lat: 21.2334329, lng: 72.866472 }
  91. });
  92. var georssLayer = new google.maps.KmlLayer({
  93. url: 'http://api.flickr.com/services/feeds/geo/?g=322338@N20&lang=en-us&format=feed-georss'
  94. });
  95. georssLayer.setMap(georssmap);
  96. var map = new google.maps.Map(document.getElementById('map'), {
  97. zoom: 6,
  98. center: { lat: 21.2334329, lng: 72.866472 }
  99. });
  100. // Create an array of alphabetical characters used to label the markers.
  101. var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
  102. // Add some markers to the map.
  103. // Note: The code uses the JavaScript Array.prototype.map() method to
  104. // create an array of markers based on a given "locations" array.
  105. // The map() method here has nothing To Do with the Google Maps API.
  106. var markers = locations.map(function(location, i) {
  107. return new google.maps.Marker({
  108. position: location,
  109. label: labels[i % labels.length]
  110. });
  111. });
  112. // Add a marker clusterer to manage the markers.
  113. var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' });
  114. });
  115. var locations = [
  116. { lat: 21.1702401, lng: 72.8310607 },
  117. { lat: 21.128143, lng: 79.125618 },
  118. { lat: 22.451530, lng: 88.399818 },
  119. { lat: 20.264774, lng: 73.508148 },
  120. { lat: 23.080135, lng: 72.572174 },
  121. { lat: 22.835373, lng: 88.360992 },
  122. { lat: 29.280394, lng: 78.831718 },
  123. { lat: 9.907271, lng: 78.094429 },
  124. { lat: 26.903660, lng: 78.514259 },
  125. { lat: 19.062054, lng: 72.883438 },
  126. { lat: 11.235264, lng: 78.858414 },
  127. { lat: 23.302189, lng: 81.356804 },
  128. { lat: 12.695032, lng: 78.621887 },
  129. { lat: 22.511976, lng: 88.250992 },
  130. { lat: 23.125587, lng: 88.546867 },
  131. { lat: 21.164993, lng: 81.775307 },
  132. { lat: 21.779188, lng: 87.744629 },
  133. { lat: 25.416676, lng: 86.129379 },
  134. { lat: 15.478569, lng: 78.483093 },
  135. { lat: 13.340881, lng: 74.742142 },
  136. { lat: 17.143908, lng: 79.623924 }
  137. ]