maplibre-gl-logo

A customizable logo control for MapLibre GL JS.

This plugin provides a customizable logo control inspired by the built-in LogoControl of MapLibre GL JS.
It allows you to display your own logo (e.g., a company or product logo) on the map.

Installation

npm install maplibre-gl-logo

Usage

import { Map } from "maplibre-gl";
import "maplibre-gl/dist/maplibre-gl.css";
import { CustomLogoControl } from "maplibre-gl-logo";

const map = new Map({
  /* YOUR_MAP_OPTIONS */
});

map.addControl(
  new CustomLogoControl({
    logo: "YOUR_IMAGE_URL",
    href: "YOUR_SITE_URL",
  }),
);

Options

Name	Required	Default	Description
logo	Yes	-	The src attribute for the <img>.
href	Yes	-	The href attribute for the <a>.
width	No	-	The width attribute for the <img>.
height	No	-	The height attribute for the <img>.
alt	No	-	The alt attribute for the <img>.
target	No	"_blank"	The target attribute for the <a>.
rel	No	"noopener nofollow"	The rel attribute for the <a>.

License

This project is licensed under the terms of the MIT license.