Platial Tip: Custom Icons in MapKits

Now that we've changed the MapKit code, the way for you to use your own custom map pins has also changed. Here's how to use your own markers in your new MapKit.

You take the MapKit code we generate for you, then go right before the line that says MapKit.display(); and insert the following lines after a new script tag.

MapKit.baseMarker = "http:urlofyourmarker.png";
MapKit.hoverMarker = "http:urlofyourmarker.png";
MapKit.focusMarker = "http:urlofyourmarker.png";
MapKit.shadowMarker = "http:urlofyourmarker.png";

The line that says MapKit.display(); has to be at the end, and don't forget to close the script tag.

Comments

[Whoosie]

so, how do i insert custom icons when I'm using the 3 specialized icons that is offered through Platial? check www.gleantheplanet.com/oregon.html for example. what if I wanted the blue arrow (dumpsters, ect.) to be different in look to the red arrow (utility/craft) ?
Thanks!

[Tracy Rolling]

Hi Whoosie. This is an outdated post, I'm afraid. When we first launched, it was possible to use custom icons like that, but we ran into some sticky bugs with google api keys and had to put our maps inside of iframes, which means less control for web designers, unfortunately.

We want to let people use their own css, but we haven't had a chance to build that kind of feature. If you want to show severla kinds of places on the same map, I recommend using the normal platial markers and not one of the three custom options. These don't work as well with layers of information.

If you have any questions you can email me. tracy at platial (dot com)