npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

@smartmaps/maps-angular

v5.3.0

Published

Angular directive for @smartmaps/maps

Downloads

4

Readme

SmartMaps

SmartMaps is a GDPR-compliant map platform developed by YellowMap AG. The focus of the platform is the digital sovereignty of users. Based on OpenStreetMap data, SmartMaps offers individually customizable functions such as maps, geocoding, autocomplete, routing as well as elevation, timezone and weather information for the visualization of points of interest, internal location analyses or address validations. SmartMaps is certified with the seals 'Software Hosted in Germany' and 'fair.digital'. These confirm a GDPR-compliant, transparent and data-saving handling of personal information.

To get started with SmartMaps, register for free at SmartMaps

For more information visit our SmartMaps Documentation

Install

The @smartmaps/maps-angular package wraps the service from @smartmaps/maps in an angular directive

// provide the api Key and options in application bootstrap
bootstrapApplication(AppComponent, {
	providers: [
		provideApiKey(// INSERT-API-KEY here or read it from environment options),
		provideMapOptions(environment.mapOptions),
		// ... additional providers
	]
})



// import the MapDirective in Standalone Component or NgModule
@Component({
	standalone: true,
	imports: [
		MapDirective,
		// ... additional imports
	],
	// ... additional settings
})




// use the 'smartmapsMap' Directive in the html template
// the 'heigth' property can be a number, "full", "grow" or "none". Default is "full". Look for the docs in the directive for a detailed explanation.
<div
	smartmapsMap
	(ready)="onMapReady($event)"
	(mapClicked)="onMapClick($event)"
	[center]="initialMapCenterAsLatLng"
	[zoom]="initalMapZoomAsNumber"
	height="full"
></div>



// add the styles from @smartmaps/maps in your styles
@import '~@smartmaps/maps/dist/smartmaps.css';

Features

SmartMaps GL (@smartmaps/smartmaps-gl)

SmartMaps GL JS is the globally usable vector map base to integrate interactive and costumizable maps into your web applications. Built on top of MapLibre GL, SmartMaps GL JS provides a powerful and flexible solution for map rendering and location data visualization.

Maps (@smartmaps/maps)

Maps is the globally usable map base for your industry-specific requirements. Whether you want to visualize location data, business data or socio-demographic data on the web, internal applications or an app.

Autocomplete (@smartmaps/autocomplete)

A few letters are enough to inspire your customers. With the Autocomplete function, suitable suggestions are already recommended when the first letters are entered in the address search. Autocomplete is easily customizable through parameters like local boosting.

Geocoding (@smartmaps/geocoding)

With the help of geocoding, you convert postal addresses into coordinates and visualize them on the map with pinpoint accuracy. Reverse geocoding allows you to convert an existing coordinate from an automatic location into an address in the opposite way.

Routing (@smartmaps/routing)

Show your customer the way to your location and navigate him safely to the desired destination - whether on foot, by bike or by car. Use the routing API not only for classic A-B routing, but also for matrix routing, the calculation of isochrones, trip planning or map match.

Elevation (@smartmaps/elevation)

The Elevation Service is a powerful tool that allows you to retrieve elevation data for any location on Earth. Whether you need to determine the height of a specific point or analyze the terrain profile along a route, the Elevation Service provides accurate and reliable data.

Timezone (@smartmaps/timezone)

The SmartMaps Timezone API allows you to retrieve detailed timezone information for any geographical location. By leveraging this API, you can access real-time data on local time, UTC offsets, and daylight saving time, enhancing your applications with precise temporal context.

Weather (@smartmaps/weather)

The SmartMaps Weather API offers access to weather data and forecasts for specific locations across Europe. It supports querying weather information through various methods, including geographic coordinates, addresses, locations, rectangles, and polylines. The data is provided by "Deutsche Wetterdienst".

Area (@smartmaps/area)

The Area Service provides a comprehensive REST API for querying geographic boundaries and areas based on geographic coordinates or OpenStreetMap (OSM) IDs. This API supports both JSON and GeoJSON formats, ensuring seamless integration with a wide range of applications.