This tutorial is now out of date since Yahoo has changed the map API. I’ll try to make a new tutorial using the new Yahoo AJAX API soon.

The old API no longer works. I still haven’t gotten around to making a new one, so the best resource now is going to be the Yahoo Maps API pages. There’s lots of examples there on how the use the new mapping api. Plus I found this great guide just the other day for google maps:

http://code.google.com/apis/maps/articles/phpsqlsearch.html

What do you do for pagination? I got it working (without Yahoo integration, as I don’t need it) and implemented pagination. When I did that, the results were all messed up. I can’t for the life of me figure out why. Do you have an example?

‘You are here’,'11501′,’You are here’,'11501′,”,’ ‘,”,’ ‘,”,’
‘Array ( [id] => 2 [name] => test1 [address1] => 450 Hillside Ave [address2] => [city] => New Hyde Park [state] => New York [zip] => 11040 [phone1] => 5551212[website] => http://www.mmaxtra.compavailable => no => Yes [kutbha_hr] => [kutbha_min] => [email] => info@mmaxtra.com )

So I get a blank map and still get one location? Would you happen to know what am I doing wrong?

Find this line and add some code like this…

// now we can display closest store
// optionally you could loop over this to list multiple stores
$store = $storeinfo[key($stores)];
print "<p>The web developers closest to: $findzip</p><br>\n";
$maploc = "'You are here','$findzip',";
foreach($stores as $k=>$v) {
$output .= "<h3 style='margin:0;padding:0'><b>".$info[$k]['company']."</b><br>(approx ".round($v)." miles)</h3>";
$output .= "<p style='margin:0 0 10px 0;padding:0'><a href='".$info[$k]['url']."'>".$info[$k]['url']."</a><br>";
$output .= $info[$k]['city']." ".$info[$k]['state'].", ".$info[$k]['zip']."</p>";
$maploc .= "'".$info[$k]['company']."','".$info[$k]['address1']." ".$info[$k]['city']." ".$info[$k]['state']." ".$info[$k]['zip']."',";
}
$maploc = substr($maploc,0,-1);

And here are the changes to the javascript:

<script>
// this is the address we want to map (you can list several and it will mark each one)
var addresses = new Array(<?=$maploc?>);
// Create and display Map object at the address with zoom level 3
// Include your application ID.
var map = new Map("mapContainer", "[your api key here]", "<?=$maploc?>",20);
map.addEventListener(Map.EVENT_INITIALIZE, onMapInit);
map.addEventListener(Map.EVENT_MARKER_GEOCODE_SUCCESS,onMarkerGeocode);
function onMapInit(eventObj) {
map.addTool( new PanTool(), true );
for(var i=0; i<addresses.length; i=i+2) {
//alert(addresses[i]);
//alert(addresses[i+1]);
// if you did do multiple addresses, then this would have to change some (because it would be the same store each iteration)
var marker = new CustomPOIMarker(addresses[i], '', addresses[i+1], '0x000000', '0xFFFFFF');
map.addMarkerByAddress( marker, addresses[i+1] );
}
map.addWidget( new ZoomBarWidget() );
}
function onMarkerGeocode(eventObj) {
var geocodeResponse = eventObj.response;
}
</script>

Basically what you are doing is building an array of results and looping over then with the javascript.

Hope this helps. James

James