Google Map не отображается на моей странице

-2

Я пытаюсь реализовать карту google в chrome, однако геолокация не работает, я также изменил настройку на «разрешить весь сайт отслеживать» Я принял этот код из учебника в Интернете, и, следовательно, я не мог найти способ, чтобы заставить его работатьGoogle Map не отображается на моей странице

<head> 
    <title>Map</title> 
    <!-- Google Maps and Places API --> 
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script> 

    <!-- jQuery --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     function initGeolocation(){ 
      if(navigator.geolocation){ 
       // Call getCurrentPosition with success and failure callbacks 
       navigator.geolocation.getCurrentPosition(success, fail); 
      }else{ 
       alert("Sorry, your browser does not support geolocation services."); 
      } 
     } 

     var map; 
     function success(position){ 
      // Define the coordinates as a Google Maps LatLng Object 
      var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 

      // Prepare the map options 
      var mapOptions = { 
       zoom: 14, 
       center: coords, 
       mapTypeControl: false, 
       navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 

      // Create the map, and place it in the map_canvas div 
      map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

      //search for schools within 1500 metres of our current location, and as a marker use school.png 
      //placesRequest('Schools',coords,1500,['school']); 


      // Place the initial marker 
      var marker = new google.maps.Marker({ 
       position: coords, 
       map: map, 
       title: "Your current location!" 
      }); 

     } 

     function fail(){ 
      // Could not obtain location 
     } 

     //Request places from Google 
     function placesRequest(title,latlng,radius,types,icon){ 
      //Parameters for our places request 
      var request = { 
       location: latlng, 
       radius: radius, 
       types: types 
      }; 
      //Make the service call to google 
      var callPlaces = new google.maps.places.PlacesService(map); 
      callPlaces.search(request, function(results,status){ 
       //trace what Google gives us back 
       $.each(results, function(i,place){ 
        var placeLoc = place.geometry.location; 
        var thisplace = new google.maps.Marker({ 
         map: map, 
         position: place.geometry.location, 
         icon: icon, 
         title: place.name 
        }); 
       }) 
      }); 
     } 
</script>

источник

2015-01-22 Beno29

Что делает ваш отладки сказать вам до сих пор? –

Разум, отправляющий jsfiddle? –

infact там до сих пор отсутствует код, я просто не могу поместить весь код, однако я просто получаю пустую веб-страницу – Beno29

initGeolocation() не уволен в любом месте.

источник

2015-01-22 13:44:48

Отсутствует div с id map_canvas, и вы не вызываете функцию initGeolocation в любом месте вашего кода.

Проверить here, все работает нормально

источник

2015-01-22 13:55:18

Он прокомментировал мой ответ, проверьте его. –

как у вас удалось заставить его работать ?, хотя какой-то код отсутствует в том, что я опубликовал – Beno29

отлично, но как бы сохранить его на своем рабочем столе, потому что, если я откроюсь через браузер, он не загрузит карту – Beno29

Google Map не отображается на моей странице

ответ

Смежные вопросы