Advertisement
Guest User

Untitled

a guest
Aug 26th, 2014
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title>Geolocation</title>
  5.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  6.     <meta charset="utf-8">
  7.     <style>
  8.       html, body, #map-canvas {
  9.         height: 100%;
  10.         margin: 0px;
  11.         padding: 0px
  12.       }
  13.     </style>
  14.         <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  15.     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
  16.     <script>
  17. var map;
  18. function initialize() {
  19.   var mapOptions = {
  20.     zoom:4
  21.   };
  22.   map = new google.maps.Map(document.getElementById('map-canvas'),
  23.       mapOptions);
  24.  
  25.   // Try HTML5 geolocation
  26.   if(navigator.geolocation) {
  27.     navigator.geolocation.getCurrentPosition(function(position) {
  28.       var pos = new google.maps.LatLng(position.coords.latitude,
  29.                                        position.coords.longitude);
  30.  
  31.       var infowindow = new google.maps.InfoWindow({
  32.         map: map,
  33.         position: pos,
  34.         content: 'Você está aqui.'
  35.       });
  36.  
  37.       map.setCenter(pos);
  38.     }, function() {
  39.       handleNoGeolocation(true);
  40.     });
  41.   } else {
  42.     // Browser doesn't support Geolocation
  43.     handleNoGeolocation(false);
  44.   }
  45. }
  46.  
  47. function handleNoGeolocation(errorFlag) {
  48.   if (errorFlag) {
  49.     var content = 'Error: The Geolocation service failed.';
  50.   } else {
  51.     var content = 'Error: Your browser doesn\'t support geolocation.';
  52.   }
  53.  
  54.   var options = {
  55.     map: map,
  56.     position: new google.maps.LatLng(60, 105),
  57.     content: content
  58.   };
  59.  
  60.   var infowindow = new google.maps.InfoWindow(options);
  61.   map.setCenter(options.position);
  62. }
  63.  
  64. google.maps.event.addDomListener(window, 'load', initialize);
  65.  
  66. /*BRUNO FORUM*/
  67. function carregarPontos() {
  68. jQuery.getJSON('a.json', function(data){
  69.     data.forEach(function(each){
  70.       setMarker({
  71.         position: new google.maps.LatLng(each.Latitude,  each.Longitude),
  72.         title: each.Nome,
  73.         map: map
  74.       });
  75.     });
  76.   }
  77. )};
  78.  
  79.  
  80. function setMarker(options) {
  81.   console.log(options);
  82.   var marker = new google.maps.Marker(options);
  83.  
  84.   google.maps.event.addListener(marker, 'click', (function(marker, i) {
  85.     return function() {
  86.         infowindow.setContent("Conteúdo do marcadora.");
  87.         infowindow.open(map, marker);
  88.     }
  89.   })(marker))
  90. }
  91.  
  92. </script>
  93.  
  94. <script defer="DEFER">
  95. //carregarPontos();
  96.     </script>
  97.   </head>
  98.   <body>
  99.     <div id="map-canvas"></div>
  100.     <div style="position:fixed;top:0px;"><button onclick="carregarPontos();">Carregar</button></div>
  101.     </body>
  102. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement