Interactive Map of China - Clickable Provinces / Cities
The interactive template of the map of China gives you an easy way to install and customize a professional looking interactive map of China with 34 clickable provinces, plus an option to add unlimited number of clickable pins anywhere on the map, then embed the map in your website and link each province/city to any webpage.
Main Features
- One-time purchase, no annual or subscription fees.
- SVG (Scalable Vector Graphics) based, responsive and fully resizable.
- Works perfectly on desktop and mobile devices (smartphones).
- Provinces can be customized independently (colors, link, hover information, activate/deactivate, etc).
- Pins can be customized independently (shape: circle/square, size, position, colors, link, hover info., etc).
- You can link each province/pin to any webpage or open a modal window.
Note: The modal window option works only with Bootstrap framework, if you are not sure or if you don't know how to use it, you need to ask your website template / WordPress theme provider. - Easily customized through simple JavaScript files ( NO JavaScript knowledge required ).
- The map consists of HTML/CSS/JS files. Also include installable WordPress plugin zip file and customized by manual editing of simple JS files.
- You can embed as many maps as you want in the same website in different pages, (for WordPress you can install up to 3 instances of the map plugin but you can use the shortcode as many times as you want in different pages).
- Small file size > Fast loading speed > SEO friendly.
- Full documentation is included with an interactive X, Y coordinates guide.
List of the clickable provinces in the map of China
Each province can be customized independently (colors, link, hover information, etc).
- Anhui (安徽省)
- Beijing (北京市)
- Chongqing (重庆市)
- Fujian (福建省)
- Gansu (甘肃省)
- Guangdong (广东省)
- Guangxi (广西壮族自治区)
- Guizhou (贵州省)
- Hainan (海南省)
- Hebei (河北省)
- Heilongjiang (黑龙江省)
- Henan (河南省)
- Hong Kong (香港特别行政区)
- Hubei (湖北省)
- Hunan (湖南省)
- Inner Mongolia (内蒙古自治区)
- Jiangsu (江苏省)
- Jiangxi (江西省)
- Jilin (吉林省)
- Liaoning (辽宁省)
- Macau (澳门特别行政区)
- Ningxia (宁夏回族自治区)
- Qinghai (青海省)
- Shaanxi (陕西省)
- Shandong (山东省)
- Shanghai (上海市)
- Shanxi (山西省)
- Sichuan (四川省)
- Taiwan (台湾省)
- Tianjin (天津市)
- Tibet (西藏自治区)
- Xinjiang (新疆维吾尔自治区)
- Yunnan (云南省)
- Zhejiang (浙江省)
Customer Reviews
The map set up couldn't have been any easier and the support is fantastic. My client wanted a customization done for the map and the support team turned it around very quickly. My client is thrilled with the map. Thank you!
Amazing work. Code is clean, lightweight and the maps look fantastic across all browsers. Well done!!!!
This map was a quick, affordable, convenient solution for me to be able to implement on my website.
It was easy to customize colors, URLs, etc. without spending hours upon hours trying to figure out how to make it myself. And when I had a question, I got a response within an hour - plus they identified other issues I hadn't yet noticed and proactively told me how to fix them!
Frequently Asked Questions
No, this is a one-time purchase and you immediately download a fully working map files and we don't keep any of your map files on our servers.
That would require editing the map SVG and modify the script, and that's out of the specification of the map but we offer that as a customization service for extra cost, you can contact us for a quote.
The included documentation has an interactive X, Y coordinates map guide, you just need to click anywhere on that map to obtain the X, Y coordinate values and use them in your map.
We manually draw all our maps for highest quality and best performance, so the final map is graphical map not a geographical map so latitude and longitude will not work with it.
Yes, you can write any text and add images and the popup will expand as needed. However we recommend that you keep the content of the hover popup basic for better user experience, if you want to have more detailed information about provinces you can write them in sections below the map and give each section an ID, and use that id instead of the link in the map files, so when a user clicks a province the page will go to the corresponding section of the page.
Yes, it’s SVG based (No Flash) and it's responsive and fully resizable, the map size is automatically adjusted depending on the container/device size, however you can manually adjust the map size by editing the map CSS file.
The purchased files include both versions; one for a standard website with HTML/CSS/JS files and an installable WordPress plugin zip file for WordPress websites.
Both versions customized by manual editing of simple JavaScript file(s) (JavaScript knowledge is not required). The documentation include detailed information about both versions.
Unfortunately, we don't have enough knowledge about those platforms.
In general, you need to have full access to your website page code to embed the map HTML code and be able to upload the map supporting CSS/JS files and link them to the map code.
Yes, we offer customization service for extra cost, please contact us for more details.
