Facebook
From areyoutruck, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 164
  1. <html>
  2.         <head>
  3.                 <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  4.                 <meta charset="utf-8">
  5.                
  6.                 <link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
  7.                 <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
  8.                 <script src="https://cdnjs.cloudflare.com/ajax/libs/js-marker-clusterer/1.0.0/markerclusterer_compiled.js"></script>
  9.                 <script src="absolwenci.js"></script>
  10.                 <script>
  11.                
  12.                 var marker;
  13.                         function initialize() {
  14.                 var polozenie = new google.maps.LatLng(52.0529213,19.4499835)
  15.                 var mapOptions = {
  16.                                 zoom: 7,
  17.                                 center: polozenie,
  18.                                 mapTypeId: 'terrain'
  19.                 };
  20.                
  21.                 var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
  22.                
  23.                 var image = {
  24.         url: 'punkt.png',
  25.         size: new google.maps.Size(52, 72),
  26.         origin: new google.maps.Point(0, 0),
  27.         anchor: new google.maps.Point(0, 32)
  28.        
  29.                 };
  30.                        
  31.                
  32.                
  33.                         i = 0;
  34.                         var markers = [];
  35.                         for ( pos in myData ) {
  36.                                 i = i + 1;
  37.                                 var row = myData[pos];
  38. //windows.console && console.log(row);
  39.                                 var newLatLng = new google.maps.LatLng(row[0], row[1]);
  40.                                 var marker = new google.maps.Marker ({
  41.                                                 position: newLatLng,
  42.                                                 icon: image,
  43.                                                 map: map,
  44.                                                 title: row[2],
  45.                                                 animation: google.maps.Animation.DROP
  46.                                 });
  47.                         }
  48.                         };
  49.                         function initMap() {
  50.   var map = new google.maps.Map(document.getElementById('map'), {
  51.     zoom: 13,
  52.     center: {lat: 59.325, lng: 18.070}
  53.   });
  54.  
  55.   marker = new google.maps.Marker({
  56.     map: map,
  57.     draggable: true,
  58.     animation: google.maps.Animation.DROP,
  59.     position: {lat: 59.327, lng: 18.067}
  60.   });
  61.   marker.addListener('click', toggleBounce);
  62. }
  63. function addMarker() {
  64.   markers.push(new google.maps.Marker({
  65.     position: neighborhoods[iterator],
  66.     map: map,
  67.     draggable: false,
  68.     animation: google.maps.Animation.DROP
  69.   }));
  70.   iterator++;
  71. }
  72.  
  73.                         </script>
  74.                         </head>
  75.                 <body onload="initialize()">
  76.                         <button type="button" onclick="initialize()">"Desant"</button>
  77.           <div id="map_canvas" style="height: 700px"></div>
  78.          
  79.           </body>
  80.         </html>