Google Maps API имеет серые полосы - PullRequest
Новая
       13

Google Maps API имеет серые полосы

0 голосов
/ 03 мая 2020

Я использую Google Directions API для вывода карты с указанием пути и направления. Всякий раз, когда я загружаю файл, появляются горизонтальные серые полосы. введите описание изображения здесь

Я не уверен, почему это происходит. Вот мой код для Google Directions API в js `

    <div id=map></div>
    <div id=panel></div>
    <script id='harriman' type="text/javascript">
     var directionsService = new google.maps.DirectionsService();
     var directionsDisplay = new google.maps.DirectionsRenderer();
     var stevens ={lat:40.7451, lng: -74.0248}
     var map = new google.maps.Map(document.getElementById('map'), {
     zoom:7,
     mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    directionsDisplay.setMap(map);
    directionsDisplay.setPanel(document.getElementById('panel'));
    var request = {
    origin: stevens,
    destination: "41.29542, -74.05965",
    travelMode: google.maps.DirectionsTravelMode.DRIVING
    };
   directionsService.route(request, function(response, status) {
   if (status == google.maps.DirectionsStatus.OK) {
     directionsDisplay.setDirections(response);
   }
   });
</script>

Вот css для карты и панели 

   #map{
    height: 500px; 
    width: 100%; 
}

#panel{
    height:150px;
    width:100%;
}

`

...