Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

This marker doesn’t use an image, but shows text for the marker instead. There is currently a ~12 character limit on the text you can enter, but this will be improved in the future. Text markers are created in the same way as an icon marker, with a few key differences:

...

Instead of using a string, you will pass an object with 2 mandatory key/value pairs and 4 optional pairs to the icon parameter of the marker:

icon: {
  type: This must be the string “text” for the marker to correctly show your text instead of an

...

image.
  iconText: This is the string of text you want the marker to show.
 

...

fontSize (optional): The font size of the text, given in pixels. Default: 14.
  textColor (optional): The color of the text. Default: white.
  textShadow (optional): This can be used to give text a border. Default: black border. This needs horizontal shadow, vertical shadow and optional blur radius and color similar to the text-shadow in CSS.
  font (optional): Font family of the text. Default: "'Open Sans', sans-serif, arial"
}

Custom

This marker allows you to use your own image instead of an icon or logo. This is useful when you want to use an icon or logo that AerialSphere doesn’t have in their library. The image you want to use must be hosted online and accessible via a url. Although custom markers are created in a similar fashion to Icon markers, you must add a few details beyond just the name of the icon to use. Instead of using a string, you will pass an object with 4 key/value pairs to the icon parameter of the marker:

...