setCenter в карте Google API не работает.карта невидима - PullRequest
Новая
       9

setCenter в карте Google API не работает.карта невидима

0 голосов
/ 27 ноября 2018

Я работал над проектом карты Google и столкнулся с этой проблемой.Я хотел использовать метод setCenter для перемещения центра карты.Вместо этого я вижу только серую карту.Я думаю, что это должно работать найти, но я не знаю, что не так

Вот как это выглядит введите описание изображения здесь 

enter code here

var map;
var marker;

function initMap(){
    var options = {
            center: new google.maps.LatLng(37.4989885,127.03282719999993),
            zoom : 8
        };

    map = new google.maps.Map(document.getElementById('map'), options);

    marker = new google.maps.Marker({
        position : {lat:37.4989885,lng:127.03282719999993},
        map : map
    }); 
}

function changePosition(altitude, longitude){
    map.setCenter(new google.maps.LatLng(altitude,longitude));
    marker.setPosition(new google.maps.LatLng(altitude,longitude));
}


$(function() {
    var url = "tourXML";
    $.ajax({
        type : "GET",
        url : url,
        dataType : "text",
        success : function(data) {
            var temp = $.trim(data);
            obj = JSON.parse(temp);

            var longitude = parseFloat(obj.longitude);
            var altitude = parseFloat(obj.altitude);
            changePosition(altitude, longitude);
            $("#altitude").html(obj.altitude);
            $("#longitude").html(obj.longitude);

        },
        error : function() {
            alert("error.");
        }
    });
});

1 Ответ

0 голосов
/ 27 ноября 2018

Вы можете использовать этот код. Измените его в соответствии с вашими потребностями.
map.setCenter (21.219381, 72.840128);или
map.setCenter (pos);

введите здесь код

функция initMap () {

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 5,
      center: {lat: 21.219381, lng: 72.840128}
    });


    var geocoder = new google.maps.Geocoder;
    var trafficLayer = new google.maps.TrafficLayer();
    trafficLayer.setMap(map);
    var infowindow = new google.maps.InfoWindow;

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

    geocoder.geocode({'location': pos}, function(results, status) {
       if (status === 'OK') {
        if (results[0]) {
          console.log(JSON.stringify(results[0]));
          map.setZoom(11);
          var marker = new google.maps.Marker({
            position: pos,
            map: map
          });
          infowindow.setContent(results[0].formatted_address);
          infowindow.open(map, marker);
          map.setCenter(pos);
        } else {
          window.alert('No results found');
        }
      } else {
        window.alert('Geocoder failed due to: ' + status);
      }
    });

      }, function() {
        handleLocationError(true, infoWindow, map.getCenter());
      });
    } else {
      // Browser doesn't support Geolocation
      handleLocationError(false, infoWindow, map.getCenter());
    }
    }
...