Попытка исправить геолокацию - PullRequest
Новая
       22

Попытка исправить геолокацию

0 голосов
/ 28 октября 2019

У меня проблема с настройкой геолокации. Я абсолютно не могу понять, в чем проблема. Без бита геолокации кода, расположение по умолчанию, маркеры и тому подобное работают нормально. Затем, когда я пытаюсь добавить геолокацию, карта вообще не появляется, а появляется только кнопка. 

`  <div id="map"> </div>     
    <script>
    var map;
    function initMap() {
    var myLatLng = {lat: 41.413118, lng: -82.072537}

     map = new google.maps.Map(document.getElementById('map'), {
      center: myLatLng,
      zoom: 18
     });

     var marker = new google.maps.Marker({
     position: myLatLng,
     map: map,
     title: 'My Location'
     });

     var marker = new google.maps.Marker({
     position: {lat: 41.412726, lng: -82.072047},
     map: map,
     title: 'PS Building',
     label: {text:'PS Building'}
     });

     infoWindow = new google.maps.InfoWindow;

     if (navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(function(position) {
     var pos = {
       lat: position.coords.latitude,
       lng: position.coords.longitude
     };
     var marker = new google.maps.Marker({
      position: pos,
      map: map,
      title: 'Your Location'
     });

     infoWindow.setPosition(pos);
     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 src="https://maps.googleapis.com/maps/api/js?key= 
  AIzaSyCyO4aFysnjiQ9DO5VSDSJ_DtPd6O9mkDI&callback=initMap"
  async defer></script>

  <form>
  <input type="button" onclick="GetLocation();" value="click"/>
  </form>
...