Iran map in SVG format that includes all provinces and cities made with React.js

Overview

Iran Map

masoudnemati - iran-map   GitHub forks   GitHub stars

GitHub issues   GitHub pull requests   GitHub

This project is responsive interactive Iran map including province and cities name made with React.

View Demo - GH Pages

https://masoudnemati.github.io/iran-map

Start in Development Mode

npm install
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.

Build instructions

npm install
npm build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

Contributing

Want to help ? See open issues and contribute guide.

License

Released under MIT by @masoudnemati.

Issues
  • Fix README.md

    Fix README.md

    Please let me know if I should add anything.

    opened by prince-ao 3
  • resolves #5

    resolves #5

    Fix missed or misspelled city names.

    ill be very happy if you consider adding "hacktoberfest-accepted" label.

    hacktoberfest-accepted 
    opened by IAmTalas 3
  • delete unnecessary code

    delete unnecessary code

    there are extra files that I don't need them now, delete them and make the code cleaner.

    good first issue hacktoberfest 
    opened by masoudnemati 2
  • some cities are missed or misspelled

    some cities are missed or misspelled

    notice that we only need cities. so just add cities not villages.

    good first issue hacktoberfest 
    opened by masoudnemati 2
  • need a footer

    need a footer

    create a footer component, the footer component must have Github repository link.

    good first issue hacktoberfest 
    opened by masoudnemati 2
  • Fix spelling mistakes and add multiple cities

    Fix spelling mistakes and add multiple cities

    Description

    I Fixed spelling mistakes and add multiple cities

    Fixes #5

    Type of change

    Please delete options that are not relevant.

    • [x] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [ ] This change requires a documentation update

    Checklist:

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] My changes generate no new warnings
    hacktoberfest-accepted 
    opened by funXshow 2
  • Update readme file (request)

    Update readme file (request)

    Please update the readme file for better readability, and add some example about how to use it in another project

    help wanted good first issue hacktoberfest 
    opened by newvertex 1
  • removed unnecessary files

    removed unnecessary files

    Removed the following unused files:

    • src/App.test.js
    • src/logo.svg
    • src/reportWebVitals.js
    • src/setupTests.js

    Also removed reference to reportWebVitals in src/index.js

    opened by Jacoberson 1
  • Add MIT License file

    Add MIT License file

    Added MIT license file with your name

    opened by newvertex 0
  • fix license format

    fix license format

    sorry I was made a mistake on license extension

    opened by newvertex 0
  • Bug: the new fork me ribbon is not responsive!

    Bug: the new fork me ribbon is not responsive!

    Describe the bug The new interactive fork me on github ribbon has bug on small screen, need some change to use

    To Reproduce Steps to reproduce the behavior:

    1. Just need to change the screen size

    Expected behavior Need to change the ribbon size and position, also maybe change the animation effects too!

    Desktop (please complete the following information):

    • OS: Windows
    • Browser: chrome
    • Version 94.x
    bug 
    opened by newvertex 0
  • Responsive Problem

    Responsive Problem

    when you click on "بزرگ نمایی نقشه" in mobile device, it doesn't zoom the map good enough to interact. in IranMap component you can change the code to make it work better.

    good first issue hacktoberfest 
    opened by masoudnemati 0
Owner
Atyal
Full-Stack JavaScript Web Developer
Atyal
Google map library for react that allows rendering components as markers :tada:

Google Map React · google-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the

Google Map React 5.5k Oct 12, 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 161 Oct 13, 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.2k Oct 18, 2021
rlayers is an opinionated set of React components for OpenLayers.

rlayers is an opinionated set of React components for OpenLayers.

Momtchil Momtchev 27 Oct 9, 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 Oct 12, 2021
React components for using kakao map api

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

JaeSeoKim 46 Oct 18, 2021
Simple React map that will mark all localities that match a pattern on a map (Poland only).

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-localit

Konrad Drozd 6 Jul 20, 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 Oct 13, 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 199 Sep 26, 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 998 Oct 16, 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.7k Oct 17, 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
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.9k Oct 13, 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
✈ 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
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 238 Oct 15, 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 Oct 12, 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