0
我在Flash中的簡單地圖和地理編碼樣本使用CS4Flash和谷歌地圖 - 只有最後一個圖標顯示
問題很簡單 - 我可以檢索從谷歌搜索API的短名單，但是當我嘗試使用循環在地圖上生成圖標，只顯示最後一個圖標。 （忽略房屋圖標，它是早先生成的）
我覺得我錯過了某些東西或者犯了一個愚蠢的AS3錯誤（就像把它當作c＃一樣） - 甚至是一個愚蠢的木頭爲樹錯誤。問題出在代碼的最後一行。
我增加了我的所有代碼，以防萬一別人可以找到一個使用它 - 上帝知道，我花了很大的時間來算出這個:)
它運行here
（也，如果有人有一個想法，爲什麼圖標略微在渲染錯誤的地方，但糾正如果你移動地圖 - 請讓我知道）
任何幫助將是偉大的。
謝謝。 P
import com.google.maps.services.ClientGeocoder;
import com.google.maps.services.GeocodingEvent;
import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;
import com.google.maps.overlays.Marker;
import com.google.maps.overlays.MarkerOptions;
import com.google.maps.styles.FillStyle;
import com.google.maps.styles.StrokeStyle;
import com.google.maps.controls.*
import com.google.maps.overlays.*
import flash.display.Bitmap;
import flash.display.BitmapData;
import com.adobe.utils.StringUtil;
import be.boulevart.google.ajaxapi.search.GoogleSearchResult;
import be.boulevart.google.events.GoogleApiEvent;
import be.boulevart.google.ajaxapi.search.local.GoogleLocalSearch;
import be.boulevart.google.ajaxapi.search.local.data.GoogleLocalSearchItem;
var strZip:String = new String();
strZip="60661";
var strAddress:String = new String();
strAddress ="100 W. Jackson Blvd, chicago, IL 60661";
var IconArray:Array = new Array;
var SearchArray:Array = new Array;
/*--------------------------------------------------------------
// The returned search data gets placed into this array
---------------------------------------------------------------*/
var LocalInfo:Array = new Array();
var intCount:int = new int;
var intMapReady:int=0;
/*===================================================================================
We load the map first and then get the search criteria - this will keep the order of
operation clean. The
====================================================================================*/
var map:Map = new Map();
map.key = "ABQIAAAAHwSPp7Lhew456ffD6qa2WmxT_VwdLJEfmcCgytxKjcH1jLKkiihQtfC- TbcwryvBQYhRwHWa8F_Gp9Q";
map.setSize(new Point(600, 550));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
//Places the map on the page
this.addChild(map);
map.x=5;
map.y=5;
function onMapReady(event:Event):void
{
//Center the map and place the house marker
doGeocode();
}
/*==========================================================================
Goecode to return the LAT and LONG for the specific address, center
the map and add the house icon
===========================================================================*/
function doGeocode()
{
var geocoder:ClientGeocoder = new ClientGeocoder();
geocoder.addEventListener(GeocodingEvent.GEOCODING_SUCCESS,
function(event:GeocodingEvent):void {
var objPlacemarks:Array = event.response.placemarks;
if (objPlacemarks.length > 0)
{
map.setCenter(objPlacemarks[0].point, 14, MapType.NORMAL_MAP_TYPE);
var request:URLRequest = new URLRequest("house.png");
var imageLoader:Loader = new Loader();
imageLoader.load(request);
var objMarkerOptions:MarkerOptions = new MarkerOptions();
objMarkerOptions.icon=imageLoader;
objMarkerOptions.icon.scaleX=.15;
objMarkerOptions.icon.scaleY=.15;
objMarkerOptions.iconAlignment = MarkerOptions.ALIGN_HORIZONTAL_CENTER + MarkerOptions.ALIGN_VERTICAL_CENTER;
var objMarker:Marker = new Marker(objPlacemarks[0].point, objMarkerOptions);
map.addOverlay(objMarker);
doLoadSearch()
}
});
//Failure code - good practice, really
geocoder.addEventListener(GeocodingEvent.GEOCODING_FAILURE,
function(event:GeocodingEvent):void {
txtResult.appendText("Geocoding failed");
});
// generate geocode
geocoder.geocode(strAddress);
}
/*===============================================================
XML Loader - loads icon file and search text pair from xml file
=================================================================*/
function doLoadSearch()
{
var xmlLoader:URLLoader = new URLLoader();
var xmlData:XML = new XML();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("config.xml"));
function LoadXML(e:Event):void
{
xmlData = new XML(e.target.data);
RetrieveSearch();
}
function RetrieveSearch()
{
//extract the MapData subset
var xmlSearch = xmlData.MapData;
// push this to an xml list object
var xmlChildren:XMLList = xmlSearch.children();
//loop the list and extract the data into an
//array of formatted search criteria
for each (var Search:XML in xmlChildren)
{
txtResult.appendText("Searching For: "+Search.Criteria+" Icon=" + Search.Icon+ "Zip=" + strZip +"\r\n\r\n");
//retrieve search criteria
loadLocalInfo(Search.Criteria,Search.Icon,strZip);
}
}
}
/*==================================================================================
Search Functionality - does a google API search and loads the lats and longs required
to place the icons on the map - THIS WILL NOT RUN LOCALLY
===================================================================================*/
function loadLocalInfo(strSearch,strIcon,strZip)
{
var objLocal:GoogleLocalSearch=new GoogleLocalSearch()
objLocal.search(strSearch+" "+strZip,0,"0,0","","")
objLocal.addEventListener(GoogleApiEvent.LOCAL_SEARCH_RESULT,onSearchComplete)
function onSearchComplete(e:GoogleApiEvent):void
{
var resulta:GoogleSearchResult=e.data as GoogleSearchResult;
//------------------------------------------------
// Load the icon for this particular search
//------------------------------------------------
var request:URLRequest = new URLRequest(strIcon);
var imageLoader:Loader = new Loader();
imageLoader.load(request);
//-------------------------------------------------------------
// For test purposes
txtResult.appendText("Result Count for "+strSearch+" = "+e.data.results.length+"\r\n\r\n");
for each (var result:GoogleLocalSearchItem in e.data.results as Array)
{
LocalInfo[intCount]=[String(result.title),strIcon,String(result.latitude),String(result.longitude)];
//---------------------------------------
// Pop the icon onto the map
//---------------------------------------
var objLatLng:LatLng = new LatLng(parseFloat(result.latitude), parseFloat(result.longitude));
var objMarkerOptions:MarkerOptions = new MarkerOptions();
objMarkerOptions.icon=imageLoader;
objMarkerOptions.hasShadow=false;
objMarkerOptions.iconAlignment = MarkerOptions.ALIGN_HORIZONTAL_CENTER + MarkerOptions.ALIGN_VERTICAL_CENTER;
var objMarker:Marker = new Marker(objLatLng, objMarkerOptions);
/**********************************************************
*Everything* works to here - I have traced out execution
and all variables. It only works on the last item
in the array :(
***********************************************************/
map.addOverlay(objMarker);
}
}
}