1、看到你标题说HTML5能画地图，就来了兴趣，特意百度了下资料，不过资料上的地图好像是一张图片，并非画出来的，不免有些失望以下是我搜到的一篇资料，你说的缩放拖动上面都写了；直接搜索下js轮播，jq轮播先定位图片定时图片切换加上按钮执行点击切换鼠标移入图片范围时停止切换，离开时接着切换；lthtml ltheadlthead ltbody ltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvas ltscript var rect=x100，y100，w40，h20定义要画的矩形的位置属性 var；lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot ltheadltbodyltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quot style=quotborder1px solid #000000quot您的浏览器不支持 HTML5 canvas 标签ltcanvaslt；3然后在下面的面板中，鼠标右击，点击新建，选择固态层4在弹出的固态层设置中，设置宽高为200px，选择颜色为黄色，点击确定5下面我们已经建了一个固态层，点击键盘上的p键，调出位置功能6点击位置前面的秒表7。

2、onmouseover = function thisclassName = quotdivsquot鼠标移出，将空的className样式赋给该标签divsonmouseout = function thisclassName = quotquotltscriptltbodylthtml；5也可以自己制作一个模板，点击新建一个模板，进入编辑页面6点击单页模板可以选择页面的风格，需要添加的元素7点击需要的页面封面拖动鼠标到页面位置就行了8功能模板里添加你页面需要的功能插件点击需要的插件按住。

3、1获取百度地理位置坐标，首先在搜索引擎中搜索2搜索结果页面如下，点击第一个链接3接着打开的界面如下，鼠标放到自己要获取的地理位置4比如选择的是地坛公园，如下图红色的区域，点击地坛公园5上面就会有它；ltimg src=quot5jpgquot ltdiv ltdiv ltbody ltscript function var Src = $#39tab#39find#39img#39eq0attr#39src#39#39show#39find#39img#39attr#39src#39，Src#39tab#39find#39img；加个鼠标事件onmouseover，触发jquery方法，jquery方法中改变文字为按钮；html中有一个ltalta标签，直接给文字添加一个a标签 比如lta href=quot链接quot target=quot_blankquot关于我们lta a标签默认的鼠标放上去就是一个手指的样式，或者你也可以用cursor pointer这个给他设置一下，cursor。

4、mouseY tempY 鼠标抬起事件设置dragging为false，clear移动层#39#eventCanvas#39mouseupfunctione ifoptsdragAll else moveMapContextclearRect0， 0， 1100， 630；x = elementoffsetLeft y = elementoffsetTop mousex=x mousey=y ，false return mouse 计算mouse相对于容器的x，y坐标偏移，本质是判断鼠标在浏览器中的鼠标偏移，之后对浏；只能获取鼠标对于画布的事件，可以根据点击范围判断点击的内容，然后做相应操作 lt！doctype htmllthtmlltheadltheadltbodyltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvas；html5鼠标悬停字体从下移到上移，需要配合鼠标甚至功能键来操作的，如果字体从下一道单一，我们只需要把鼠标中间的滑轮整体把他按下，然后不放手，慢慢的移动鼠标从下移到上移，在移动的过程中，我们需要有一定，鼠标操作技巧；charset=gb2312quot lttitle无标题文档lttitlelthead ltbody ltcanvas id=quotcanvasquot width=quot400quot height=quot400quot ltp 抱歉~ ltbr 您的浏览器貌似不支持HTML5的标签quotcanvasquot的说，试试更换成Chrome。