BLOG
Free Balloon Map Markers (Google Maps etc)
I had a bit of time to put together a set of balloon style markers for use in with Google maps API - or any maps API - or anywhere your imagination tells you. They're absolutely free for non commercial use so use them where ever you want. Theres 38 markers in all - the whole alphabet, some assorted symbols, six coloured icons - and a background shadow for use with all the markers.
I had a bit of time to put together a set of balloon style markers for use in with Google maps API - or any maps API - or anywhere your imagination tells you. They're absolutely free for non commercial use so use them where ever you want. Theres 38 markers in all - the whole alphabet, some assorted symbols, six coloured icons - and a background shadow for use with all the markers.Here is the complete set :
To use them with the google maps api see the Google Maps API documentation on overlays. Your javascript code would look something like this :
- var map = new GMap2(document.getElementById("map_canvas"));
- map.addControl(new GSmallMapControl());
- map.addControl(new GMapTypeControl());
- map.setCenter(new GLatLng(37.4419, -122.1419), 13);
- // Create a base icon for all of our markers that specifies the shadow, icon dimensions, etc.
- var baseIcon = new GIcon(G_DEFAULT_ICON);
- baseIcon.image = "http://mysite.com/images/balloonmarkers/balloonmarkerred.png";
- baseIcon.shadow = "http://mysite.com/images/balloonmarkers/balloonmarkershadow.png";
- // our icons size is 79 × 98
- baseIcon.iconSize = new GSize(79, 98);
- // our shadow size is 137 × 98
- baseIcon.shadowSize = new GSize(137, 98);
- baseIcon.iconAnchor = new GPoint(70, 89);
- baseIcon.infoWindowAnchor = new GPoint(70, 89);
- // we'll put our marker in the center of the map
- var point = new GLatLng(37.4419, -122.1419);
- markerOptions = { icon:baseIcon };
- var marker = new GMarker(point, markerOptions);
- map.addOverlay(marker);
You can use these markers with the simplemap module by putting them in your theme folder and configuring your simplemap.markers file.
- ; The default marker for all blocks
- [default]
- image-path=images/balloonmarkers/balloonmarkerred.png
- shadow-path=images/balloonmarkers/balloonmarkershadow.png
- iconanchor-x=70
- iconanchor-y=89
- infoanchor-x=70
- infoanchor-y=89
Please refer to the readme.txt within the zip file if you wish to use these icons commerically or use our contact form.
| Attachment | Size |
|---|---|
| balloonmarkers.zip | 849.95 KB |
COMMENTS
wow, awesome! thanks so much for sharing! remember how being a child I used to mark the places I visited or would like to visit on the map using simple plastic colour markers... right, times change!:) still must confess that I had some troubles while trying to use these icons. hopefully I'll solve them after reading some pieces of advice I found by torrent SE
Post new comment