/svg-turkey-map

SVG Turkey Map

Primary LanguageHTMLMIT LicenseMIT

SVG Turkey Map

This responsive SVG Turkey Map has Istanbul divided by Asia/Europe and Cyprus.

Usage

First copy div.turkey-map from public/index.html:

<div class="turkey-map">
  <svg ...>
    ...
  </svg>
</div>

Then we need the styles, either copy their minified version from inside of public/assets/svg-turkey-map.css or insert the link tag in the head section of your document after copying the entire file to your path:

<link href="<your_path>/svg-turkey-map.css" rel="stylesheet" />

Finally the script, you can either just copy the minified version from public/assets/svg-turkey-map.js or insert a script tag in the body section at the very end. renderSvgTurkeyMap should be called, in order to render the map:

    <script src="<your_path>/svg-turkey-map.js"></script>
    <script>
     renderSvgTurkeyMap();
    </script>

Preview

Sources

Development

To build this project please follow these steps:

  1. Clone this repo git clone https://github.com/crx4/svg-turkey-map.git
  2. Cd into the project folder cd svg-turkey-map
  3. Install dependencies npm install
  4. Start hot reload with a mini server is running on localhost:8080 via npm run hot.

Forked From

License