1

При масштабировании карты колесиком мыши, остается кусок карты какой был виден, а все остальное серый фон или вовсе только серый фон. Посмотреть можно здесь: http://foxycars.ru/contacts.php

<script src="http://maps.google.com/maps/api/js?sensor=false"> </script>
<script async defer
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDzNIyGDobc2t0UwmhweJPEAQP6FLaNqRk&callback=initMap">
</script>

<script>
    var map;
    function initialize() {
        var mapOptions = {
            zoom: 13,
            center: new google.maps.LatLng(<?php echo $center_map; ?>),
            scrollwheel: true
        };
        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        var directionsDisplay = new google.maps.DirectionsRenderer();
        var directionsService = new google.maps.DirectionsService();
        directionsDisplay.setMap(map);
        directionsDisplay.setOptions( { suppressMarkers: true, suppressInfoWindows: true } );

        var start_point = new google.maps.LatLng(<?php echo $coordinates_start; ?>);
        var end_point = new google.maps.LatLng(<?php echo $coordinates_end; ?>);

        var marker = new google.maps.Marker({
            position: start_point,
            map: map
        });

        var marker = new google.maps.Marker({
            position: end_point,
            map: map,
            icon: 'img/marker-car.png'
        });     

        google.maps.event.addListener(marker, 'click', function () {
            infowindow.open(map, this);
        });     

        var request = {
         origin: start_point,
         destination: end_point,
         travelMode: google.maps.TravelMode.WALKING,
         unitSystem: google.maps.UnitSystem.METRIC,
         provideRouteAlternatives: true,
         avoidHighways: false,
         avoidTolls: true
        };
        directionsService.route(request, function(result, status) {
         if (status == google.maps.DirectionsStatus.OK) {
          directionsDisplay.setDirections(result);
          var routes = result.routes;
          var leg = routes[0].legs;
          var lenght = leg[0].distance.text;
          var duration = leg[0].duration.text;
          infowindow = new google.maps.InfoWindow({ content: 'Дистанция: '+lenght});
          infowindow.open(map, marker);
         }
        });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>
3
  • покажи свой код пожалуйста
    – spectre_it
    7 янв 2017 в 13:09
  • 1
    @stack-it, добавил 7 янв 2017 в 13:15
  • спасибо, почему так сложно? нельзя просто яваскрипт код из конструктора карт добавить? yandex.ru/map-constructor
    – spectre_it
    7 янв 2017 в 13:19

1 ответ 1

1

Проблема скорее всего в том, что код API подключен на странице два раза:

<script src="http://maps.google.com/maps/api/js?sensor=false"> </script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDzNIyGDobc2t0UwmhweJPEAQP6FLaNqRk&callback=initMap"></script>

Сообщение в консоли:

You have included the Google Maps API multiple times on this page. This may cause unexpected errors.

1
  • действителшьно проблема была в том что API подключен на странице два раза. 7 янв 2017 в 13:44

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.