Google地球與Google地圖和Places API的集成

Question

我正在使用新版Google地球集成代碼http://code.google.com/p/smap-suite/source/browse/fieldAnalysis2/trunk/WebContent/js/libs/google_earth_integration.js?r=1442和Google Places Api與Maps V3的組合。將當前結果輸出到表格中，用戶可以單擊表格，並打開corressponding標記和infowindow。那麼目前這在地圖V3中是完美的，但無法獲得infowindow定位在正確位置的錨點。

function addResult(result, i) { 
var results = document.getElementById("results"); 
var tr = document.createElement('tr'); 
tr.style.backgroundColor = (i% 2 == 0 ? '#F0F0F0' : '#FFFFFF'); 
tr.onclick = function() { 
    google.maps.event.trigger(markers[i], 'click'); //end add marker listener 

     } 

google.maps.event.addListener(this.map_, 
          GoogleEarth.INFO_WINDOW_OPENED_EVENT_, 
          function(infowindow) { 
//If Earth is open, create balloon 
if (!that.earthVisible_) { 
    return; 
} 
    var balloon = that.instance_.createHtmlStringBalloon(''); 
    //TODO assuming anchor == marker == lastclicked 

    var placemark = that.lastClickedPlacemark_; 
    balloon.setFeature(placemark); 
    balloon.setContentString(infowindow.getContent()); 
    that.instance_.setBalloon(balloon); 
}); 

// On click of a placemark we want to trigger the map click event. 
google.earth.addEventListener(ge.getGlobe(), 'click', function(event) { 
var target = event.getTarget(); 
var overlay = that.placemarks_[target.getId()]; 
if (overlay) { 
    event.preventDefault(); 
    // Close any currently opened map info windows. 
    var infoWindows = that.getOverlaysForType_('InfoWindow'); 
    for (var i = 0, infoWindow; infoWindow = infoWindows[i]; i++) { 
    infoWindow.close(); 
    } 
    that.lastClickedPlacemark_ = target; 
    google.maps.event.trigger(overlay, 'click'); 
} 
}); 

我需要創建一個將定位在表格中點擊結果的緯度和長功能並設置窗口谷歌地球的錨在進入地圖和地址的同時還致力於對標點擊搜索欄。

在這裏看到的例子：http://go3dexpansion.com/attempt101.html

編輯

好了，所以我試圖讓這個當你點擊結果表將打開正確的氣球，並把它連接到正確的標。你一直在幫助我更多地瞭解我真正在做的事情上的巨大幫助。請看看這段代碼，讓我知道我能做些什麼。 jsfiddle上還有另一部分代碼控制氣球出現的時間和位置，並基於lastClickPlacemark_變量。

///My Attempt at the code 
var getPosition = function(marker) { 
var lat = marker.position.$a; 
var lng = marker.position.ab; 
var myLatlng = new google.maps.LatLng(lat, lng); 


    TODO assuming anchor == marker == lastclicked 
var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map 
}); 
var balloon = googleEarth.instance_.createHtmlStringBalloon(''); 
    var placemark = marker; 
    balloon.setFeature(placemark); 
    balloon.setContentString(infowindow.getContent()); 
    googleEarth.instance_.setBalloon(balloon); 

    // alert(lat + ',' + lng); // do something with it... 
} 



// The code that currently controls the window open and is based on the lastClickPlacemark_ variable 


GoogleEarth.prototype.addEarthEvents_ = function() { 
var ge = this.instance_; 
ge.getWindow().setVisibility(true); 

// add a navigation control 
var navControl = ge.getNavigationControl(); 
navControl.setVisibility(ge.VISIBILITY_AUTO); 

var screen = navControl.getScreenXY(); 
screen.setYUnits(ge.UNITS_INSET_PIXELS); 
screen.setXUnits(ge.UNITS_PIXELS); 

// add some layers 
var layerRoot = ge.getLayerRoot(); 
layerRoot.enableLayerById(ge.LAYER_BORDERS, true); 
layerRoot.enableLayerById(ge.LAYER_ROADS, true); 

var that = this; 
google.maps.event.addListener(this.map_, 
          GoogleEarth.INFO_WINDOW_OPENED_EVENT_, 
          function(infowindow) { 
//If Earth is open, create balloon 
if (!that.earthVisible_) { 
    return; 
} 
    var balloon = that.instance_.createHtmlStringBalloon(''); 
    //TODO assuming anchor == marker == lastclicked 

    var placemark = that.lastClickedPlacemark_; 
    balloon.setFeature(placemark); 
    balloon.setContentString(infowindow.getContent()); 
    that.instance_.setBalloon(balloon); 
}); 

// On click of a placemark we want to trigger the map click event. 
google.earth.addEventListener(ge.getGlobe(), 'click', function(event) { 
var target = event.getTarget(); 
var overlay = that.placemarks_[target.getId()]; 
if (overlay) { 
    event.preventDefault(); 
    // Close any currently opened map info windows. 
    var infoWindows = that.getOverlaysForType_('InfoWindow'); 
    for (var i = 0, infoWindow; infoWindow = infoWindows[i]; i++) { 
    infoWindow.close(); 
    } 
    that.lastClickedPlacemark_ = target; 
    google.maps.event.trigger(overlay, 'click'); 
} 
}); 

}; 








//SOMETHING LIKE THIS????? 


var getPosition = function(marker) { 
      ge = googleEarth.instance_; 

var lat = marker.position.$a; 
var lng = marker.position.ab; 
// var myLatlng = new google.maps.LatLng(lat, lng); 
var placemark = ge.getElementById(marker); 
    var balloon = ge.createHtmlStringBalloon(''); 
     balloon.setFeature(placemark); 
     ge.setBalloon(balloon); 


    // alert(lat + ',' + lng); // do something with it... 
} 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.