https://github.com/pedroetb/leaflet-awesome-coordinates
Leaflet map example using Leaflet-Coordinates with Leaflet.awesome-markers
https://github.com/pedroetb/leaflet-awesome-coordinates
List: leaflet-awesome-coordinates
coordinates font-awesome leaflet markers
Last synced: 6 months ago
JSON representation
Leaflet map example using Leaflet-Coordinates with Leaflet.awesome-markers
- Host: GitHub
- URL: https://github.com/pedroetb/leaflet-awesome-coordinates
- Owner: pedroetb
- License: mit
- Created: 2015-05-14T23:42:04.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2017-06-25T11:36:14.000Z (about 9 years ago)
- Last Synced: 2025-10-05T13:02:40.671Z (10 months ago)
- Topics: coordinates, font-awesome, leaflet, markers
- Language: HTML
- Size: 466 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Leaflet-Awesome-Coordinates
This is a very simple [Leaflet](https://github.com/Leaflet/Leaflet) map example using my own fork of [Leaflet-Coordinates](https://github.com/pedroetb/Leaflet.Coordinates) with [Leaflet.awesome-markers](https://github.com/lvoogdt/Leaflet.awesome-markers).
I made this example to show the potential use of new features added in my fork of *Leaflet-Coordinates*, allowing users to customize the overexploited Leaflet's default marker.
It's tested with [Leaflet.awesome-markers](https://github.com/lvoogdt/Leaflet.awesome-markers), but you can test it with any other marker types and/or properties if you wish (maybe only changing the icon image url, for instance).
## Screenshot
## Setup
### Prerequisites
If not installed yet, you need to install [node.js](https://nodejs.org/) to use **npm**.
Of course, you need **git** to get this project and its submodules.
### Getting submodules
The project includes a filled *.gitmodules* file, you only have to initialize and update submodules.
```
# after git clone of Leaflet-Awesome-Coordinates
cd Leaflet-Awesome-Coordinates
git submodule init
git submodule update
```
### Building submodules
The only submodule which need to be built is Leaflet. The rest of submodules also includes the built resources, so you don't need to do nothing to them.
```
cd Leaflet-Awesome-Coordinates/submodules/Leaflet
npm install
```
## Using the example
Open the index.html into your web browser and type some visible coordinates. You will see the custom marker added in map.