2013-04-27 5 views
0

мне нужна помощь с картой GoogleGoogle Map API без обновления

Я хочу без карты обновления изменения маркера

я получить данные из MySQL и создать маркер

мой файл:

функция initialize() {

var latlng = new google.maps.LatLng (55. 472627, 23.15918);

var geocoder; var map; var markersArray = []; var infos = [];

вар myOptions = { увеличение: 8, центр: LatLng, MapTypeId: google.maps.MapTypeId.ROADMAP };

var map = new google.maps.Map (document.getElementById ("map_canvas"), myOptions);

var encodedString; var stringArray = [];

encodedString = document.getElementById ("encodedString"). Value; stringArray = encodedString.split ("* *");

var x; для (x = 0; x < stringArray.length; x = x + 1) {

var addressDetails = [];

addressDetails = stringArray [x] .split (",");

var lat = new google.maps.LatLng (addressDetails [0], addressDetails [1]); console.log (lat);
console.log (addressDetails [0], адресDetails [1]);

var marker = new google.maps.Marker({ 
map: map, 
position: lat, 
icon: addressDetails[2], 
title: "Atnaujinta: "+addressDetails[3]+"" 

      }); 
     } 
    }setInterval('updateMap()', 10000); 
     </script> 

    </head> 
    <?php 
    //get data form mysql 
    mysql_connect('localhost', 'adena_root', 'gintariukas1'); 
    mysql_select_db('adena_nav'); 

    $encodedString = ""; 
    $x = 0; 

    $mysql = mysql_query("SELECT X,Y,marker,data FROM nav"); 

    while ($row = mysql_fetch_array($mysql, MYSQL_NUM)){ 
     if ($x == 0){ 
      $separator = ""; 
     }else{ 
      $separator = "****"; 
     } 

     $encodedString = $encodedString.$separator. 
     "".$row[0]. 
     ",".$row[1]. 
     ",".$row[2]. 
     ",".$row[3]; 
     $x = $x + 1; 


    } 
    ?> 
    <body onload="initialize()"> 
    <input type="hidden" id="encodedString" name="encodedString" value="<?php echo $encodedString; ?>" /> 

    <div id="map_canvas"></div> 
    </body> 
    </html> 

может быть кто-то знает? :)

ответ

0

Вы можете сделать это с помощью AJAX. Сначала создайте отдельную страницу, на которой будут отображаться ваши данные карты в формате JSON, затем выберите их в JavaScript, чтобы отобразить их на карте. Вот хороший учебник, хотя он использует Google Maps v2, вы можете просто изменить их на код v3.

AJAX Storing and Retrieving Points – Tutorial