google.visualization.Map, похоже, не работает только с одним адресом в данных.Это ошибка? - PullRequest
Новая
       18

google.visualization.Map, похоже, не работает только с одним адресом в данных.Это ошибка?

0 голосов
/ 27 апреля 2019

google.visualization.Map, кажется, работает только с несколькими адресами в данных. Когда у меня есть только один адрес, карта отображается серым цветом, и если я перетаскиваю карту, она отображается. Это прекрасно работает, когда у меня есть несколько адресов на данные.

Вот пример кода: 

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {
        "packages":["map"],
        // Note: you will need to get a mapsApiKey for your project.
        // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
        "mapsApiKey": "AIzaSyDJCykPxyz" //I have real key. 
    });
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Lat', 'Long', 'Name'],
          [37.6153, -122.3900, 'Airport'],
          [37.4422, -123.1731, 'Shopping']
        ]);

        /*var mapOptions = {
                zoom: 8,
                center: {lat:31.4422, lng:  -122.1731}
        }*/
        var map = new google.visualization.Map(document.getElementById('map_div'));
        map.draw(data, {
          showTooltip: true,
          showInfoWindow: true
        });
      }

    </script>
  </head>

  <body>
    <div id="map_div" style="width: 600px; height: 450px"></div>
  </body>
</html>

Если я закомментирую среднюю строку данных [37.6153, -122.3900, «Аэропорт»], карта не отображается. В противном случае это работает. Это ошибка? есть ли обходной путь для этого? Мое требование к проекту - динамическое отображение карты для адреса, выбранного пользователями.

Я пытался изменить уровень масштабирования, но это не решает проблему.

Помощь высоко ценится!

...