建议使用echarts插件，官网，demo

jvectormap，搜索一下，网上一堆demo

1. d3 demo
2. 地图(百度地图或别的地图)加覆盖物绑定事件，刚发现百度有现成的

如果UI给你用AI做图的话，可以用svg做的，很简单

插件呢比如echarts，
非插件呢，可以吧地图当作背景层，把各个省份的高亮分别切出来定位到对应位置做隐藏，之后操作层通过<map>做各个省市的点击区域，当点击的时候把对应的高亮隐藏展示出来或者释放弹窗,做法可以参照w3cschool

http://gallery.echartsjs.com/...
把他不需要的参数去掉就OK

http://jvectormap.com/maps/co...

1. 各种地图已经实现的有这样的功能，具体参考其文档和demo即可。

2. 如果你是想要自己实现这样的效果，首先不建议重复造轮子，其次这个实现也比较复杂。

   1. 绘制出地图中的省份构成省份边界
   2. 鼠标移入时计算位置，判断所属区域，给这个区域加样式，其他区域去掉高亮样式。