Search code examples
angulargoogle-mapsmapsopenstreetmap

Need a map for Angular with html info window function and no personal account key

I need a map for Angular 6 where I can show info windows for my markers containing HTML. beside that I need to style the map (having a dark and a light theme). The last thing is that it must not be using a personal account key like Google Maps. It doesn't matter if I have to buy the map component :-)

Can you suggest something?

Thanks very much in advance :-)

Solution

  • If you don't want to use Google Maps, then use OpenLayers. It integrates well to Angular apps thanks to TypeScript definitions and covers what you want to do.

    An example of marker with HTML can be found here: Openlayers 3. How to make tootlip for feature.

    I don't know much about the theming part but it looks like it's possible: https://openlayers.org/en/latest/examples/color-manipulation.html