Получение широты и долготы из mysql и передача их в API карт Google.

0

Я полный новичок и просто хочу знать, есть ли простое прохождение этих мест в карты Google, которые находятся в скрипте в моем HTML.

Я могу получить координаты так, как это

PHP (это работает):

<?php
require_once "sql.php";

error_reporting(E_ALL ^ E_NOTICE);
ini_set('display_errors','On');

    $result = array();
    $result['success'] = false;

    $order_by = $_REQUEST['sort_by'];

    $query = "SELECT venue_name, latitude, longitude, id  FROM venues";
        if ($result_set = Sql::query($query)) {
            $result['success'] = true;
            $result['message'] = "All Venues" ;
            $rows = mysqli_num_rows($result_set);
            $result['rows'] = array();
            for ($i = 0; $i<$rows; $i++) {
                $tmpRow = mysqli_fetch_assoc($result_set);
                $result['rows'][$i] = $tmpRow;
            }
        } else {
             $result['message'] = "Failed to read Cafes" ;
        }

        print(json_encode($result)); 

JQuery (часть отдельного.js, это работает):

function success_get_locations(response) {
if(response.success) {
    var cafe_loc = '';
    for (var i = 0; i < response.rows.length; i++) {
        var venue_name = response.rows[i].venue_name;
        var venue_lat = response.rows[i].latitude;
        var venue_long = response.rows[i].longitude;
        var id = response.rows[i].id;

        cafe_loc += venue_name + venue_lat + venue_long + id; 
    }
}

}

Мне просто нужно знать, как добавить эти места из function success_locations() в моем JQuery в google maps var locations [] который находится в моем HTML здесь:

<div id="map" style="width: 500px; height: 400px;"></div>

<script type="text/javascript">

var locations = [
  ['Bondi Beach', -33.890542, 151.274856, 4],
  ['Coogee Beach', -33.923036, 151.259052, 5],
  ['Cronulla Beach', -34.028249, 151.157507, 3],
  ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
  ['Maroubra Beach', -33.950198, 151.259302, 1]
];

var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 10,
  center: new google.maps.LatLng(-33.92, 151.25),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < locations.length; i++) {  
  marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
    map: map
  });

  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(locations[i][0]);
      infowindow.open(map, marker);
    }
  })(marker, i));
}
</script>

спасибо Джеймсу

Теги:
google-maps

1 ответ

1
Лучший ответ

Этот бит не имеет большого смысла:

    cafe_loc += venue_name + venue_lat + venue_long + id; 

Вы принимаете хороший массив результатов, высасывая биты в отдельные переменные, а затем объединяете их все в одну большую строку. например, для ваших образцов в JS-коде, вы фактически строите

Bondi Beach-33.890542151.2748564

Почему бы просто не оставить их в качестве массива, они уже есть? Или, если порядок массива неверен, вы можете построить новый массив с элементами в правильном порядке:

locs_for_google = [];
for (var i = 0; i < response.rows.length; i++) {
   locs_for_google[i] = [
       response.rows[i].venue_name,
       response.rows[i].latitude,
       response.rows[i].longitude,
       response.rows[i].id
   ];
}
  • 0
    ах да, я бы с радостью оставил все как есть! Так как мне передать locs_for_google в скрипт карты в html? Нужно ли сначала передавать его в глобальную переменную в файле .js? ура
  • 1
    если вам не нужно динамически обновлять список с помощью ajax, просто скопируйте ваш массив PHP в блок js, например, var locs_for_google = <?php echo json_encode($locs_from_db); ?>; ,
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню