Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Geolocation</title>
- <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
- <meta charset="utf-8">
- <style>
- html, body, #map-canvas {
- height: 100%;
- margin: 0px;
- padding: 0px
- }
- </style>
- <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
- <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
- <script>
- var map;
- function initialize() {
- var mapOptions = {
- zoom:4
- };
- map = new google.maps.Map(document.getElementById('map-canvas'),
- mapOptions);
- // Try HTML5 geolocation
- if(navigator.geolocation) {
- navigator.geolocation.getCurrentPosition(function(position) {
- var pos = new google.maps.LatLng(position.coords.latitude,
- position.coords.longitude);
- var infowindow = new google.maps.InfoWindow({
- map: map,
- position: pos,
- content: 'Você está aqui.'
- });
- map.setCenter(pos);
- }, function() {
- handleNoGeolocation(true);
- });
- } else {
- // Browser doesn't support Geolocation
- handleNoGeolocation(false);
- }
- }
- function handleNoGeolocation(errorFlag) {
- if (errorFlag) {
- var content = 'Error: The Geolocation service failed.';
- } else {
- var content = 'Error: Your browser doesn\'t support geolocation.';
- }
- var options = {
- map: map,
- position: new google.maps.LatLng(60, 105),
- content: content
- };
- var infowindow = new google.maps.InfoWindow(options);
- map.setCenter(options.position);
- }
- google.maps.event.addDomListener(window, 'load', initialize);
- /*BRUNO FORUM*/
- function carregarPontos() {
- jQuery.getJSON('a.json', function(data){
- data.forEach(function(each){
- setMarker({
- position: new google.maps.LatLng(each.Latitude, each.Longitude),
- title: each.Nome,
- map: map
- });
- });
- }
- )};
- function setMarker(options) {
- console.log(options);
- var marker = new google.maps.Marker(options);
- google.maps.event.addListener(marker, 'click', (function(marker, i) {
- return function() {
- infowindow.setContent("Conteúdo do marcadora.");
- infowindow.open(map, marker);
- }
- })(marker))
- }
- </script>
- <script defer="DEFER">
- //carregarPontos();
- </script>
- </head>
- <body>
- <div id="map-canvas"></div>
- <div style="position:fixed;top:0px;"><button onclick="carregarPontos();">Carregar</button></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement