Interactive Map of Kansas -- Clickable Counties and Clickable Cities

Download Now $29 Buy 50 State Maps Bundle $1450 $250

Clickable Map of Kansas -- Clickable Counties and Clickable Cities

Kansas map template allows you to create your own custom interactive map of Kansas and modify colors, links, hover description for each county. Also to add unlimited number of clickable cities anywhere on the map then embed it in your website and link each clickable county or city to any webpage. The map is SVG based so it's responsive and fully resizable and mobile friendly.

Features of the Map

  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Responsive and fully resizable.
  • Can be used as interactive county map of Kansas or a blank map with clickable cities or both as in the demo.
  • Each county or city can be linked to any webpage.
  • Each county can be activated/deactivated.
  • Each city can be customized individually (shape, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • 100% hand drawn SVG anchor by anchor in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).
  • General Map Style

    borderColor:
    colors of the borders around the counties.

    Per County Parameters

    hover:
    the content of the hover popup.
    Note: the hover popup expands with content but it’s not responsive so don’t put much content to avoid any conflict with small devices.
    url:
    link county to any webpage.
    target:
    open link in the "same window", "new window" or "none".
    Trick: Using 'none' is very useful if you have enough content in the hover popup and you don't want to link this county to other pages.
    upColor:
    county color when page loads.
    overColor:
    county color when mouse hover.
    downColor:
    county color when mouse clicking.
    enable:
    true/false to enable/disable this county.

    List of The Clickable Counties

    1. Allen
    2. Anderson
    3. Atchison
    4. Barber
    5. Barton
    6. Bourbon
    7. Brown
    8. Butler
    9. Chase
    10. Chautauqua
    11. Cherokee
    12. Cheyenne
    13. Clark
    14. Clay
    15. Cloud
    16. Coffey
    17. Comanche
    18. Cowley
    19. Crawford
    20. Decatur
    21. Dickinson
    1. Doniphan
    2. Douglas
    3. Edwards
    4. Elk
    5. Ellis
    6. Ellsworth
    7. Finney
    8. Ford
    9. Franklin
    10. Geary
    11. Gove
    12. Graham
    13. Grant
    14. Gray
    15. Greeley
    16. Greenwood
    17. Hamilton
    18. Harper
    19. Harvey
    20. Haskell
    21. Hodgeman
    1. Jackson
    2. Jefferson
    3. Jewell
    4. Johnson
    5. Kearny
    6. Kingman
    7. Kiowa
    8. Labette
    9. Lane
    10. Leavenworth
    11. Lincoln
    12. Linn
    13. Logan
    14. Lyon
    15. Marion
    16. Marshall
    17. McPherson
    18. Meade
    19. Miami
    20. Mitchell
    21. Montgomery
    1. Morris
    2. Morton
    3. Nemaha
    4. Neosho
    5. Ness
    6. Norton
    7. Osage
    8. Osborne
    9. Ottawa
    10. Pawnee
    11. Phillips
    12. Pottawatomie
    13. Pratt
    14. Rawlins
    15. Reno
    16. Republic
    17. Rice
    18. Riley
    19. Rooks
    20. Rush
    21. Russell
    1. Saline
    2. Scott
    3. Sedgwick
    4. Seward
    5. Shawnee
    6. Sheridan
    7. Sherman
    8. Smith
    9. Stafford
    10. Stanton
    11. Stevens
    12. Sumner
    13. Thomas
    14. Trego
    15. Wabaunsee
    16. Wallace
    17. Washington
    18. Wichita
    19. Wilson
    20. Woodson
    21. Wyandotte

    Cities Parameters

    We included 3 major cities in Kansas, and you can add/remove cities as you like, using the following parameters:

    shape:
    choose the shape of the pin/city;"circle" or "rectangle".
    hover:
    the content of the hover popup.
    Note: the hover popup expands with content but it’s not responsive so don’t put much content to avoid any conflict with small devices.
    pos_X:
    location of the pin/city on X axis.(How?)
    pos_Y:
    location of the pin/city on Y axis.(How?)
    width:
    width of the rectangle.
    height:
    height of the rectangle.
    diameter:
    diameter of the circle.
    outline:
    outline color of the pin.
    thickness:
    thickness of the line.
    upColor:
    color of the pin/city when map loads.
    overColor:
    color of the pin/city when mouse hover.
    downColor:
    color of the pin/city when clicked.
    url:
    URL assigned for this pin/city.
    target:
    open it in the "same window", "new window" or "none".
    Trick: Using 'none' is very useful if you have enough content in the hover popup and you don't want to link this pin/city to other pages).
    enable:
    true/false to enable/disable this pin/city. in case you want to put inactive pins or temporary disable any of them.
    Download Now $29
      The License and refund policy

    FAQ

    How to embed this interactive map of Kansas in my website?

    The purchased file includes a detailed documentation. But simply upload all the purchased map files including the Javascript and the CSS files to your server, and copy the HTML code from the map.html file and paste it into your website anywhere you want to place the map.

    How to insert this map in a WordPress site?

    There are 2 simple methods to insert the map in your WordPress site, either using HTML snippet plugin, a step by step guide is included in the downloaded file. Also you can use iframe plugin to embed the map in your wp site.

    Is this map resizable?

    Yes, the map is responsive and fully resizable and you can adjust the map size as you want simply through the included map-style.css file .

    How to add/remove markers on the map?

    You can do that by copy/paste of the default code in the included files, then adjust colors, content, links ..etc of each pin.

    How to get the X, Y coordinate of pins on the map?

    The purchased files includes an interactive guide that helps you to get the accurate coordinates on the map, all what you need to do is to click anywhere on the map guide to get the X, Y coordinate values and use it in your map. You can see this video screencast to see how it works.

    Does this map work on iPhone and iPad?

    Yes. It works on smartphones: iPhone and iPad, etc

    Are you available for freelance work?

    Yes, we can make a map customization or create a custom map for you from scratch on a freelance basis.

    COPYRIGHT © All rights reserved to HTML5InteractiveMaps.com - Art101