Google maps Геолокация не запрашивает разрешения

Я пытаюсь использовать API Карт Google на следующей странице: https://developers.google.com/maps/documentation/javascript/geolocation

и все, что я делаю, это копирую код с этой страницы и вставляю его на тестовую страницу своего сайта. http://kwt-events-com.stackstaging.com/content/api/maps.php

У меня есть ключ API. Я использовал его, и страница отлично загружается с картой Google.

Проблема заключается в том, что он не может определить местоположение, показывая эту ошибку: "Ошибка: Ошибка службы геолокации"

Я пробовал разрешить определение местоположения в браузере и на компьютере. Я пробовал разные браузеры на одной и той же машине "macos". Я попробовал на другой машине «другой компьютер и другой Mac». Пробовал на телефоне "ios".

та же ошибка

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

<!DOCTYPE html>
<html>
<head>
<title>Geolocation</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
  /* Always set the map height explicitly to define the size of the div
   * element that contains the map. */
  #map {
    height: 100%;
  }
  /* Optional: Makes the sample page fill the window. */
  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
 </style>
 </head>
 <body>
 <div id="map"></div>
 <script>
  // Note: This example requires that you consent to location sharing when
  // prompted by your browser. If you see the error "The Geolocation service
  // failed.", it means you probably did not give permission for the browser to
  // locate you.
  var map, infoWindow;
  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 6
    });
    infoWindow = new google.maps.InfoWindow;

    // Try HTML5 geolocation.
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(position) {
        var pos = {
          lat: position.coords.latitude,
          lng: position.coords.longitude
        };

        infoWindow.setPosition(pos);
        infoWindow.setContent('Location found.');
        infoWindow.open(map);
        map.setCenter(pos);
      }, function() {
        handleLocationError(true, infoWindow, map.getCenter());
      });
    } else {
      // Browser doesn't support Geolocation
      handleLocationError(false, infoWindow, map.getCenter());
    }
  }

  function handleLocationError(browserHasGeolocation, infoWindow, pos) {
    infoWindow.setPosition(pos);
    infoWindow.setContent(browserHasGeolocation ?
                          'Error: The Geolocation service failed.' :
                          'Error: Your browser doesn\'t support geolocation.');
    infoWindow.open(map);
  }
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=IHAD-MY-API-KEY-HERE&callback=initMap">
</script>


php api html google-api google-geolocation
person Nasser Al-Ali    schedule 05.10.2018    source источник
comment
Пффффтт, как будто Google нужно было спросить разрешения...   -  person David Culbreth    schedule 05.10.2018

Ответы (2)


arrow_upward
6
arrow_downward

ваша страница обслуживается через HTTP, а не HTTPS, а геолокация доступна только в том случае, если страница обслуживается безопасно, начиная с Chrome 50, Safari 10 и Firefox 55.

person Steve Pugh    schedule 05.10.2018
comment
Большое спасибо было полезно - person Nasser Al-Ali; 05.10.2018

arrow_upward
1
arrow_downward

Во-первых, Ваша страница должна быть https. Геолокация Google будет работать только в https.

Вы также можете использовать этот простой код

    function getLocation() {
     if (navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(showPosition);
     } else { 
      x.innerHTML = "Geolocation is not supported by this browser.";
     }
   }
 getLocation();

   function showPosition(position) { 
   var latitude = position.coords.latitude; 
   var longitude = position.coords.longitude; 
   console.log(latitude,longitude);
  }
person Ravi Badoni    schedule 05.10.2018
comment
Большое спасибо, это было полезно, я до сих пор не знаю о ssl «https» - person Nasser Al-Ali; 05.10.2018