Integrate a 'My Maps' from Google Map's into a site and make the places searchable

I was wondering how to inte开发者_JS百科grate one of 'My maps' into a site. I know there's an embed option but the idea was not only using all the places I added there but also make them searchable (by using a search box I guess).

Thanks in advance

---

Update: Found this but I want to make it work with 'My maps'. Ideas?

---

I would suggest using the Google Maps API. It offers much more flexibility than MyMaps.

Google Maps API Family: http://code.google.com/apis/maps/index.html

In particular, you might be interested in: http://code.google.com/apis/maps/documentation/javascript/

Using it requires a bit of knowledge of JavaScript, but it isn't too hard.

Developer's guide: http://code.google.com/apis/maps/documentation/javascript/basics.html Tutorial: http://code.google.com/apis/maps/documentation/javascript/tutorial.html

Hope this helps.

---

You have to do bit of server side scripting to make them searchable

First thing, is you need to define your centre of the map. Then add markers/location to the map and store their lat/lng values server side. When someone enters postcode/zip you need to use Geocode Google Maps API service to get lat/lng of the value entered, use it as a center, and then calculate distance using haversine formula to show nearest locations.

Geocode API link

Haversine formula link

Thanks