I'm loading a bunch of points from JSON when my map loads. I create a graphic for each from a lat/lon pair. When a user clicks a point, I'd like to fire off a query based on a custom ID attribute I store with the graphic. I'd like to make a JSON request to the same server and pull back another JSON object to populate the infoWindow.
My problem comes in because due to the async nature of Javascript, my "details" JSON object isn't ready while creating the initial info Template. I can't find an event to latch onto to fire off the query. If I attach to the onShow event, I have no knowledge of what graphic I clicked, and that event only fires as long as there are no open info windows (users do click on other map graphics while info windows are open... there's no event for that use case)
I've hunted around for other examples of this, it seems like it would be a common thing.
I'm loading a bunch of points from JSON when my map loads. I create a graphic for each from a lat/lon pair. When a user clicks a point, I'd like to fire off a query based on a custom ID attribute I store with the graphic. I'd like to make a JSON request to the same server and pull back another JSON object to populate the infoWindow.
My problem comes in because due to the async nature of Javascript, my "details" JSON object isn't ready while creating the initial info Template. I can't find an event to latch onto to fire off the query.
If you were able to load the "details" object from the original JSON at the same time, there'd be no need to make a second request for this information.
Alternatively, you'd at least have a better mechanism for tying the original point to the second JSON request, based on a common ID.
I'm loading a bunch of points from JSON when my map loads. I create a graphic for each from a lat/lon pair. When a user clicks a point, I'd like to fire off a query based on a custom ID attribute I store with the graphic. I'd like to make a JSON request to the same server and pull back another JSON object to populate the infoWindow.
My problem comes in because due to the async nature of Javascript, my "details" JSON object isn't ready while creating the initial info Template. I can't find an event to latch onto to fire off the query.
If you were able to load the "details" object from the original JSON at the same time, there'd be no need to make a second request for this information.
Alternatively, you'd at least have a better mechanism for tying the original point to the second JSON request, based on a common ID.
If you were able to load the "details" object from the original JSON at the same time, there'd be no need to make a second request for this information.
Alternatively, you'd at least have a better mechanism for tying the original point to the second JSON request, based on a common ID.
Cool, I'll check it out. Currently I've added a click handler on the graphics layer which returns the graphic object that was clicked. I can use that and set the innerHTML property of one of my DIVs inside my infoWindow. Your solutions sounds more elegant.
The sample shows how to load photo information from Flickr and display it on the map. When the location is clicked the photo information is displayed in a popup window.
