[转载]Jquery实现中国地图插件 - 漫画之迷 - 博客园

[转载]原创Jquery实现中国地图插件 – 漫画之迷 – 博客园.

,此Jquery插件是一款原创作品,实现中国地图提示特效,现在只是第一个版本,会不断的完善,插件使用非常灵活,引入了JQuery.adamMap.1.0库之后在页面初始化一下插件代码即可。

 

JQuery插件初始化代码如下:

复制代码
AMAP.making( { img : "AMAP",//图片id
        imgWidth : 385,//图片宽
        imgHeight : 305,//图片高
        points : aPoint,// 坐标列表 aPoint
        fill : "#44ccee",//填充颜色
        fillOpacity : .5,//透明度
        strokeFill : "#00AADD",//边框颜色
        strokeWidth : 1,//边框宽度
        event : "mouseover",//绑定事件 
        def : "重庆"//是默认城市 
 } );
复制代码

 

页面使用代码如下:

<!-- 地图功能结构 -->
<img src="map.jpg" height="305" width="385" id="AMAP" usemap="#Adam01" style="border:0;" />
<!-- 地图功能结构 结束 -->

 

效果如下:

网友Adam分享原创Jquery实现中国地图插件

 

在线演示

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏