Simple React map that will mark all localities that match a pattern on a map (Poland only).

Related tags

react map maps poland
Overview

Simple app marking localities that match a pattern on a map (Poland only)

Details about the app can be found in my blog post: kdrozd.pl/map-of-localities-matching-the-pattern

The application is available at: kdrozd.pl/matching-localities-map/

Libraries and data used

The localities data comes from the National Register of Geographical Names.

The map model (shapefile) comes from GADM.

zcreativelabs/react-simple-maps library was used to render the map.

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Issues
  • Display longitude and latitude in DMS format

    Display longitude and latitude in DMS format

    The longitude and latitude of places displayed on the map is displayed in the decimal format. Use the DMS format instead (or give the user the choice to switch between them)

    The formula to do so is (decrep= decimal representation of the longitude/latitude): Degrees = floor(decrep) Minutes = floor((decrep - Degrees)*60) Seconds = ceiling(((decrep - Degrees)*60-Minutes)*60)

    Ie.

    22.6141 Degrees = floor(22.6141) = 22 Minutes = floor((22.6141 - 22)60)=floor(0.614160)=floor(36.946) = 36 Seconds = ceiling((36.946-36)*60)=ceiling(50.76) = 51

    22.6141 degrees = 22 degrees 36 minutes 51 seconds

    opened by DawidIzydor 0
Companion code to the "How to Write a Google Maps React Component" Tutorial

Google Map React Component Tutorial A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a tes

Fullstack React 1.5k Sep 14, 2021
A set of React.js components to display an interactive SVG map

react-svg-map A set of React.js components to display an interactive SVG map. Demo Take a look at the live demo! Installation npm npm install --save r

Victor Cazanave 158 Sep 11, 2021
ReactJS Maps without external dependencies

Pigeon Maps - ReactJS maps without external dependencies Demo: https://pigeon-maps.js.org/ (using maps from OSM and Stamen) What is it? Are you tired

Marius Andra 3.1k Sep 15, 2021
rlayers is an opinionated set of React components for OpenLayers.

rlayers is an opinionated set of React components for OpenLayers.

Momtchil Momtchev 27 Sep 22, 2021
A React autosuggest for the Google Maps Places API.

React Geosuggest A React autosuggest for the Google Maps Places API. You can also define your own suggests as defaults. Works with Preact, too. Demo L

Ubilabs 995 Sep 10, 2021
React friendly API wrapper around MapboxGL JS

react-map-gl | Docs react-map-gl is a suite of React components designed to provide a React API for Mapbox GL JS-compatible libraries. More informatio

Vis.gl 6.1k Sep 21, 2021
React components for using kakao map api

react-kakao-maps-sdk Kakao Maps API를 react에 맞게 포팅한 라이브러리 입니다. Usage 이 라이브러리를 사용하기 위해서는 필수적으로 Kakao 지도 API를 불러와야 합니다. Kakao 지도 Javscript API <script

JaeSeoKim 32 Sep 18, 2021
A Mapbox GL react native module for creating custom maps

A Mapbox GL react native module for creating custom maps

React Native Mapbox 1.1k Sep 22, 2021
clustering example for google-map-react

google-map-clustering-example Clustering example for google-map-react Click here to view Kotatsu I was heavily inspired of kotatsu project. This proje

Ivan Starkov 198 Sep 6, 2021
A React binding of mapbox-gl-js

React-mapbox-gl | Documentation | Demos React wrapper for mapbox-gl-js. Components Proxy components (proxy between React and Mapbox API) ReactMapboxGL

Alexandre Rieux 1.6k Sep 23, 2021
A declarative React interface to Google Maps

React Google Maps A declarative React interface to Google Maps. Check it out: Example usage API docs What's new Important Notes This is an alpha relea

Pieter Vanderwerff 221 Aug 23, 2021
react-maps - A map component for React

Maps for React A map component for React, the declarative UI library. Allow your React sites to use Google Maps easily. Example In the render-function

Matti Nelimarkka 45 Aug 23, 2021
A Google Maps component for React.js

React Gmaps A Google Maps component for React.js Features Lazy Google Maps loading Easy to use Installation $ npm install react-gmaps --save Demo http

Michele Bertoli 313 Sep 6, 2021
React components for Leaflet maps

React Leaflet React components for Leaflet maps. Documentation Getting started API reference Changes See the CHANGELOG file. Contributing See the CONT

Paul Le Cam 3.8k Sep 22, 2021
✈ A React Leaflet library that allows developers to create custom markers that drifts to a certain point, computes their bearing angle using given coordinates and rotates accordingly.

react-leaflet-tracking-marker ✈ A React Leaflet library that allows developers to create custom markers that drifts to a certain point, computes their

Alexandra Capatina 5 Sep 6, 2021
React.js Google Maps integration component

react-google-maps React.js Google Maps integration component Introduction Installation Usage & Configuration Changelog The changelog is automatically

Tom Chen 4.5k Sep 21, 2021
A set of geo related modules to use in combination with React, Ant Design and OpenLayers.

react-geo A set of geo related components to use in combination with react, antd and ol. Examples and API documentation Visit https://terrestris.githu

terrestris GmbH & Co. KG 236 Sep 17, 2021
Open-source, high-resolution Mars explorer built using ArcGIS and React.

Open-source, high-resolution Mars explorer built using ArcGIS and React.

null 31 Sep 1, 2021