Hmm. I'm testing this demo in my Flex now, and it is working with the properties in quotes. (I do see the AS3 object reference shows without quotes). Is there a reason it would work for me?
That code looks like it should work with the customIcon property commented back in, if the images are actually there. You might find it easier to use something like pastebin.com to paste code, if you can't put it with view-source enabled on a public server, by the way. - pamela On Tue, Jan 12, 2010 at 8:51 PM, Jonathan Wagner <[email protected]> wrote: > wow, I just figured out the problem, it's the way they are declaring > the object > > private var customIcons:Object = { "restaurant": blueIcon, "bar": > greenIcon} > > it SHOULD be > private var customIcons:Object = { restaurant: blueIcon, bar: > greenIcon} > > When declaring properties of an object you don't use quotes, sorry I > wish I would of caught that earlier. > > Jonathan > > > On Jan 11, 10:19 pm, David Green <[email protected]> wrote: >> Jonathan, >> >> That's exactly what I did. I have the references correct in embed >> statement because in Flex it throws an error when the path is >> incorrect. Now the only thing that I see that is different in the >> code you sent me is that the customIcon was removed from the new >> MarkerOptions. >> >> Perhaps you will be able to see something in my code, which I'll paste >> below. I've combined the Store Finder demo and the xml parsing >> demo.. works perfectly except for the customIcons. I'm pulling the >> data from a mysql database I have set up locally. >> >> Here is my code: >> >> <?xml version="1.0" encoding="utf-8"?> >> <!-- >> Copyright 2008 Google Inc. >> Licensed under the Apache License, Version 2.0: >> http://www.apache.org/licenses/LICENSE-2.0 >> --> >> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; >> xmlns:maps="com.google.maps.*" layout="absolute" width="100%" >> height="100%" viewSourceURL="srcview/index.html" >> xmlns:comp="components.*"> >> <mx:Panel title="Google Maps API for Flash Demo" width="100%" >> height="100%"> >> <mx:HDividedBox width="100%" height="100%"> >> <mx:VBox width="100%" height="100%"> >> <mx:HBox> >> <mx:Label >> text="Address: " width="70"/> >> <mx:TextInput id="address" text="Seattle WA" width="100%" /> >> </mx:HBox> >> <mx:HBox> >> <mx:Label >> text="Radius: " >> width="70"/> >> <mx:ComboBox >> id="radius"> >> <mx:dataProvider> >> <mx:Array> >> <mx:String>25</mx:String> >> <mx:String>100</mx:String> >> <mx:String>200</mx:String> >> </mx:Array> >> </mx:dataProvider> >> </mx:ComboBox> >> </mx:HBox> >> <mx:Button >> id="submitButton" label="Search Locations" >> click="searchLocations(event);" >> /> >> <mx:HRule >> width="100%" >> strokeColor="0xC4CCCC" >> shadowColor="0xEEEEEE" >> strokeWidth="2" >> /> >> <mx:DataGrid id="storeLocationsGrid" dataProvider="{storeLocations}" >> width="100%" height="100%" sortableColumns="true" itemClick="showStore >> (event)"> >> <mx:columns> >> <mx:Array> >> <mx:DataGridColumn dataField="StoreInfo"> >> <mx:itemRenderer> >> <mx:Component> >> <mx:Text width="100%" selectable="false" >> htmlText="{data.StoreInfo}"/> >> </mx:Component> >> </mx:itemRenderer> >> </mx:DataGridColumn> >> <mx:DataGridColumn dataField="Distance" width="70"/> >> </mx:Array> >> </mx:columns> >> </mx:DataGrid> >> </mx:VBox> >> <maps:Map >> id="map" >> key="ABQIAAAA7QUChpcnvnmXxsjC7s1fCxQGj0PqsCtxKvarsoS- >> iqLdqZSKfxTd7Xf-2rEc_PC9o8IsJde80Wnj4g" >> mapevent_mapready="onMapReady(event)" >> width="100%" height="100%"/> >> </mx:HDividedBox> >> </mx:Panel> >> <mx:Script> >> <![CDATA[ >> import com.google.maps.LatLng; >> import com.google.maps.LatLngBounds; >> import com.google.maps.Map; >> import com.google.maps.MapEvent; >> import com.google.maps.MapMouseEvent; >> import com.google.maps.MapType; >> import com.google.maps.overlays.Marker; >> import com.google.maps.overlays.MarkerOptions; >> import com.google.maps.InfoWindowOptions; >> import com.google.maps.services.ClientGeocoder; >> import com.google.maps.services.GeocodingEvent; >> import mx.controls.Alert; >> import mx.collections.ArrayCollection; >> import com.google.maps.controls.ZoomControl; >> >> [Bindable] private var storeLocations:ArrayCollection = new >> ArrayCollection(); >> >> private function onMapReady(event:Event):void { >> map.enableScrollWheelZoom(); >> map.enableContinuousZoom(); >> map.setCenter(new LatLng(40, -100), 4); >> map.addControl(new ZoomControl()); >> } >> >> [Embed(source="../assets/images/blue-dot.png")] private var >> blueIcon:Class; >> >> [Embed(source="../assets/images/green-dot.png")] private var >> greenIcon:Class; >> >> [Bindable] >> private var customIcons:Object = >> {"restaurant": blueIcon, "bar": greenIcon}; >> >> private function searchLocations(event:Event):void { >> var geocoder:ClientGeocoder = new ClientGeocoder(); >> geocoder.addEventListener( >> GeocodingEvent.GEOCODING_SUCCESS, >> function(event:GeocodingEvent):void { >> var placemarks:Array = event.response.placemarks; >> if (placemarks.length > 0) { >> searchLocationsNear(placemarks[0].point); >> } >> }); >> geocoder.addEventListener( >> GeocodingEvent.GEOCODING_FAILURE, >> function(event:GeocodingEvent):void { >> Alert.show("Geocoding failed"); >> }); >> geocoder.geocode(address.text); >> } >> >> public function searchLocationsNear(center:LatLng):void { >> // var searchUrl:String = 'http://imagine-it.org/storelocator/ >> phpsqlsearch_genxml.php?lat=' + center.lat() + '&lng=' + center.lng() >> + '&radius=' + radius.text; >> var searchUrl:String = 'http://localhost/mapProject/connections/ >> genxml.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' >> + radius.text; >> var xmlString:URLRequest = new URLRequest(searchUrl); >> var xmlLoader:URLLoader = new URLLoader(xmlString); >> xmlLoader.addEventListener("complete", parseLocationsXml); >> } >> >> public function parseLocationsXml(event:Event):void{ >> map.clearOverlays(); >> storeLocations.removeAll(); >> >> var markersXML:XML = new XML(event.target.data); >> var markers:XMLList = markersXML..marker; >> var markersCount:int = markers.length(); >> if (markersCount == 0) { >> map.setCenter(new LatLng(40, -100), 4); >> Alert.show("No stores found. Try a different address"); >> return; >> } >> var bounds:LatLngBounds = new LatLngBounds(); >> for (var i:Number = 0; i < markersCount; i++) { >> var markerXml:XML = markers[i]; >> var name:String = markerx...@name; >> var address:String = markerx...@address; >> var distance:Number = new Number(markerx...@distance); >> var type:String = markerx...@type; >> var latlng:LatLng = new LatLng(markerx...@lat, >> markerx...@lng); >> var storeInfo:String = "<b>" + name + "</b>\n<br/>" + >> address; >> var marker:Marker = createMarker(latlng, name, storeInfo, >> type); >> storeLocations.addItem({StoreInfo: storeInfo, Distance: >> distance.toFixed(2), Marker: marker}); >> bounds.extend(latlng); >> // customIcons[type].markers.push(marker); >> map.addOverlay(marker); >> } >> storeLocations.refresh(); >> map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel >> (bounds)); >> } >> >> public function createMarker(latlng:LatLng, name:String, >> storeInfo:String, type:String): Marker { >> var marker:Marker = new Marker(latlng, new >> MarkerOptions >> ({iconOffset: new Point(-16, -32)})); >> // var marker:Marker = new Marker(latlng, new >> MarkerOptions >> ({icon: new customIcons[type], iconOffset: new Point(-16, -32)})); >> //var storeInfo:String = "<b>" + name + "</b> <br/>" + >> address; >> marker.addEventListener(MapMouseEvent.CLICK, function >> (e:MapMouseEvent):void { >> marker.openInfoWindow(new InfoWindowOptions >> ({contentHTML:storeInfo})); >> }); >> return marker; >> } >> >> public function showStore(event:Event):void { >> var marker:Marker = storeLocationsGrid.selectedItem.Marker; >> marker.dispatchEvent(new MapMouseEvent(MapMouseEvent.CLICK, >> marker, marker.getLatLng(), true, false)); >> } >> >> ]]> >> </mx:Script> >> </mx:Application> >> >> On Jan 11, 6:25 pm, Jonathan Wagner <[email protected]> wrote: >> >> >> >> > Hey David, >> >> > you could just make sure the embed sources to the custom icons are >> > correct, if you're working in a flex project, the local directory is >> > the src folder. So if you put the images under src it would be: >> >> > [Embed(source="./blue-dot.png")] private var >> > blueIcon:Class; >> > [Embed(source="./green-dot.png")] private var >> > greenIcon:Class; >> >> > Jonathan >> > Scribblemaps.com >> >> > On Jan 11, 6:51 pm, Jonathan Wagner <[email protected]> wrote: >> >> > > Hey David, >> >> > > I loaded the demo, the problem is coming from the custom icons: >> >> > > [Embed(source="../../images/blue-dot.png")] private var >> > > blueIcon:Class; >> > > [Embed(source="../../images/green-dot.png")] private var >> > > greenIcon:Class; >> >> > > Since neither of these two images exist, when the code tries to >> > > instantiate the class, it fails. A constructor is a primary function >> > > of a class. To fix the bug use this: >> >> > > public function createMarker(latlng:LatLng, name:String, >> > > address:String, type:String): Marker { >> > > var marker:Marker = new Marker(latlng, new MarkerOptions >> > > ({iconOffset: new Point(-16, -32)})); >> > > var html:String = "<b>" + name + "</b> <br/>" + address; >> > > marker.addEventListener(MapMouseEvent.CLICK, function >> > > (e:MapMouseEvent):void { >> > > marker.openInfoWindow(new InfoWindowOptions >> > > ({contentHTML:html})); >> > > }); >> > > return marker; >> > > } >> >> > > Jonathan >> > > Scribblemaps.com >> >> > > On Jan 11, 11:49 am, David Green <[email protected]> wrote: >> >> > > > Group, >> >> > > > I was hoping that I'd be able to figure out the answer to why I'm >> > > > getting errors using the xml parsing demo for google maps for >> > > > flash. Jonathan wrote back and referred me to Pamela's KML Demo but >> > > > I'm not using KML at all.. >> >> > > > I'm wondering if anyone has a fix for the error in the xml parsing >> > > > demo or is there another approach I should be using? I can't seem to >> > > > find the answer anywhere on the net. >> >> > > > I'm using Flex 3 and mysql/php to parse the xml >> >> > > > The exact error on the demos are: >> >> > > > TypeError: Error #1007: Instantiation attempted on a non-constructor. >> > > > at XmlParsingDemo/createMarker() >> > > > at XmlParsingDemo/readXml() >> > > > at flash.events::EventDispatcher/dispatchEventFunction() >> > > > at flash.events::EventDispatcher/dispatchEvent() >> > > > at >> >> ... >> >> read more » > > -- > You received this message because you are subscribed to the Google Groups > "Google Maps API For Flash" group. > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-maps-api-for-flash?hl=en. > > > >
-- You received this message because you are subscribed to the Google Groups "Google Maps API For Flash" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-api-for-flash?hl=en.
