2015-04-21 50 views
-1

我正在使用Google地圖移動標記(多個標記)。我正在使用這個功能來顯示標記。Javascript將數據從另一頁面加載到函數變量裏面

setInterval(
function addMarker() 
{ 
<%=arackoord%> 
} 
,1000); 

<%= arackoord%>是這樣的回報在同一個頁面:

var marker = new google.maps.Marker(
{position: new google.maps.LatLng(36.858231, 30.746574), 
map: map}); markers.push(marker); 

SeInterval並不在同一個頁面,因爲工作,arackoord沒有更新自己。所以,我做了另一個網頁,其中exacly這樣相同的輸出(不派息,不包括HTML標記):

var marker = new google.maps.Marker({position: new google.maps.LatLng(36.858231, 30.746574),map: map}); markers.push(marker); var marker = new google.maps.Marker({position: new google.maps.LatLng(36.860031, 30.77951),map: map}); markers.push(marker); var marker = new google.maps.Marker({position: new google.maps.LatLng(36.886429, 30.708113),map: map}); markers.push(marker); var marker = new google.maps.Marker({position: new google.maps.LatLng(36.89798, 30.690451),map: map}); markers.push(marker); var marker = new google.maps.Marker({position: new google.maps.LatLng(36.889568, 30.63323),map: map}); markers.push(marker); var marker = new google.maps.Marker({position: new google.maps.LatLng(36.878494, 30.833076),map: map}); markers.push(marker); 

我想如果我改變arackoord加載頁面,從數據,標記可以移動。

我應該寫什麼而不是arackoord?如何使它工作?

PS:頁面名稱:move.jsp

最好的問候,

+0

你想只顯示1個標記哪個位置會根據時間不斷變化,還是想要根據時間在地圖上添加新標記? – Katrin

+0

多標記@Katrin –

+0

@HaroldWren請不要恢復社區對您的帖子所做的修改。只有當你認爲它改變了你想問的意思時才這樣做。 –

回答

1

前端的Javascript:

var map; 
var lat = 36.858231 ; 
var lng = 30.746574 ; 

function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(36.858231, 30.746574) 
    }; 

    map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 

} 

google.maps.event.addDomListener(window, 'load', initialize); 

setInterval(
function addMarker() 
{ 
    $.ajax({ 
     type:'get', 
     url: 'location.jsp', 
     async: false, 
     dataType:'json', 
     success:function(data){ 
      lat = data.lat; 
      lng = data.lng; 
      var marker = new google.maps.Marker({ 
          position: new google.maps.LatLng(lat,lng), 
          map: map 
          }); 
     } 
    }); 

} 
,1000); 

後端數據: location.jsp的例子(未測試)

<%@page contentType="text/html; charset=UTF-8"%> 
<%@page import="org.json.simple.JSONObject"%> 
<% 
    JSONObject json = new JSONObject(); 
    // you should have some mechanism to generate the coordinate, do not use hard code value. 
    json.put("lat", 36.858231); 
    json.put("lng", 30.746574); 
    out.print(json); 
    out.flush(); 
%> 

演示: http://jsfiddle.net/4x4s5omk/2/

+0

我會試試這個謝謝: ) –

+0

我確實做到了(所有都一樣),但沒有出現標記。 Json結果運作良好。 –

+0

在控制檯面板(鉻檢查器/螢火蟲)中的任何錯誤消息? – Katrin

相關問題