(Subtitle: when it takes a friend to nudge you in the right direction...)
Et Voila! After almost 2 1/2 years of thinking about creating an embeddable map of all St. Maarten and St. Martin restaurants that we feature on the DineSXM website, here it is....
It took all of 45 minutes to convert the interactive St. Maarten restaurant map from our website into its own page. It contains nearly 125 places to eat on our island: click on any of the markers to open a balloon with a description of the restaurant's specialties and cuisine, as well as its contact information. A BIG THANK YOU goes out to Victoria from SXM Privilege for the wake up call :)
Feel free to embed the map on your website, blog, iGoogle, or what have you!
Paste this code to your site and embed the St. Martin / St. Maarten restaurant map:
Without the containing <div> you can simply use this code to create an 800x800 pixel interactive dining map:
If you want to bookmark the map, just follow this link: http://www.dinesxm.com/sxm-restaurant-map and press CTRL-D
<div style="height: 600px; margin: 10px auto; overflow: hidden; width: 600px;">
<iframe height="800px" src="http://www.dinesxm.com/sxm-restaurant-map" style="left: -160px; position: relative; top: -100px;" title="The DineSXM restaurant map" width="800px">Your browser does not support iframes.</iframe></div>
Without the containing <div> you can simply use this code to create an 800x800 pixel interactive dining map:
<iframe height="800px" width="800px" src="http://www.dinesxm.com/sxm-restaurant-map" title="The DineSXM restaurant map">Your browser does not support iframes.</iframe>
If you want to bookmark the map, just follow this link: http://www.dinesxm.com/sxm-restaurant-map and press CTRL-D
In case you run into problems, post your questions below and I'll try to help!
Edit, thanks Paul @ http://www.stmaartenisland.com/ If you're concerned about the DineSXM site opening in the same window,
Cover the iframe with a div element to open the map in a new window:
<div onclick="window.open('http://www.dinesxm.com/sxm-restaurant-map', '_blank', 'width=800, height=800'); return false;"
style="position:absolute; height:600px; width:600px;top:0;left:0;cursor:pointer;"></div>
Norbert,
ReplyDeleteI posted the map on one of my sites here:
http://www.stmaartenisland.com/. It would great if when a user clicks on any of the restaurant details that you opened a new browser window so that my window remains open. No big deal but I have lots of clients on that page and I would like the window to remain open.
Paul Corsi
This comment has been removed by the author.
ReplyDeleteWow..!!Thanks for posting this map,it would surely help a lot for those who are planning to visit in St.Marteen,i love to visit the place..!
ReplyDeleteGood job.!!
restuarant st pete
Kristen, you should get in touch with Larry @ http://www.dinesarasota.com
ReplyDeletePaul, this is now fixed
ReplyDeleteworks terrific. I'll monitor how much traffic hits on the map each month
ReplyDeletemarkers hard to select - a bit crowded
ReplyDeletesuggest you put a search for users - so they can search by type of cuisine, popularity etc and in this way limit the crowding.
Would be good if crowded location had an exploded view like how google-earth does it.
Or if the map had zoom in capability which would show the markers in clearer perspective relative to their location
Also would be good to have something like DIRECTIONS---so people could see how easiest to get there from wherever they are staying (in particular for visitors)
Hi John, thanks for your comments!
ReplyDeleteYou can zoom in by clicking the + button or by double-clicking anywhere on the map. That will make it less crowded for you. In fact, the 'DineSXM' map zooms in one level higher than the Google satellite view :)
The map you see here is just that - a map - it's only meant to give a general overview that can be embedded by other websites. Visit http://www.dinesxm.com to search by cuisine, popularity and other attributes.
Directions? On a small island like St. Maarten / St. Martin you should follow the main roads. LOL!