centratelemedia / map-label-rotated

Simple Javascript library to display rotated text on Google Maps.

Map Label Rotated - A Google Maps JavaScript API utility library

Simple Javascript library to display rotated text on Google Maps.

Example usage along a polyline:

Installation

To install the stable version:

npm install --save map-label-rotated

This assumes you are using npm as your package manager.

Usage

Import it:

import { RotatedLabel } from "map-label-rotated";

Hello world with default styles:

new RotatedLabel(new google.maps.LatLng(0, 0), "Hellow world", 45, map);

Hello world with custom styles:

new RotatedLabel(new google.maps.LatLng(0, 0), "Hellow world", 45, map, {
	color: "red",
	fontSize: "22px",
});

API

It simply extends the google.maps.OverlayView class with custom constructor:

Param	Type	Description
position	LatLng	Label position. Required.
text	string	Label text. Required.
rotation	number	Label rotation in degrees. Required.
map	Map	Map on which to display label. Required.
customStyles	Style object	Set of CSS properties. Optional.

License

MIT