Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Turkey - CSS & jQuery clickable map

CSSMap of Turkey is a CSS & jQuery plugin that converts list of regions into fully responsive interactive map using the well known CSS sprites and works in all modern web browsers. It's delivered with editable .PSD source files customize map style.

Live demo

Main features

  • Responsive - It's fully responsive - map can fit width and/or height of the browser window or map's container.

  • Accessible - Allows to navigate over the map using keyboard or display/print the plain list of regions if the map could not be displayed.

  • Touch support - Fully supports touch devices and mobile browsers. Allows to disable double tapping behavior to activate regions.

  • Visible list of regions - You can set visible list of regions without editing any files. Script allows to set position of the list, split it into columns, set width and columns gaps.

  • List of addresses - Show and hide any informations assigned to regions: offices, addresses of agents or anything else needed - even other maps.

  • Multiple selections - Allows to activate more than one region, and pass their values to the search engine script or input field. Number of active regions can be limited.

  • Markers over the map - Create list of items to place them over the map - set pin (marker) and tooltip to show any informations needed. Allows to disable clicking on regions as well.

  • Form support - Allows to fill in any input field on the same page with name, link or class of each region - works with multiple selections as well. It can also convert list of regions into select dropdown menu.

  • Navigation controls - Allows to navigate through regions using the next and previous links under the map.

  • Custom events

  • Easy setup and settings generator - Each map is delivered with detailed instructions, ready to use source code and visual options generator to help set up the CSSMap to your needs.

  • Editable .PSD files - layered vector shapes to customize map style.
    Colors of the map can't be changed dynamically via JavaScript function etc.

Setup and settings


  • Basic HTML, CSS and JavaScript knowledge is required for a proper installation.
  • The CSSMap plugin requires jQuery 1.7+
  • Your website must be valid HTML/xHTML and contain no script errors.

Supported browsers:

  • Google Chrome 1+
  • Firefox 4+
  • Internet Explorer 7+
  • Opera 9+
  • Safari 3+
  • all major mobile browsers.

Appearance of the map may vary in different web browsers and/or OS.

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.