1、看到你標題說HTML5能畫地圖，就來了興趣，特意百度了下資料，不過資料上的地圖好像是一張圖片，并非畫出來的，不免有些失望以下是我搜到的一篇資料，你說的縮放拖動上面都寫了；直接搜索下js輪播，jq輪播先定位圖片定時圖片切換加上按鈕執(zhí)行點擊切換鼠標移入圖片范圍時停止切換，離開時接著切換；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然后在下面的面板中，鼠標右擊，點擊新建，選擇固態(tài)層4在彈出的固態(tài)層設置中，設置寬高為200px，選擇顏色為黃色，點擊確定5下面我們已經(jīng)建了一個固態(tài)層，點擊鍵盤上的p鍵，調(diào)出位置功能6點擊位置前面的秒表7。

2、onmouseover = function thisclassName = quotdivsquot鼠標移出，將空的className樣式賦給該標簽divsonmouseout = function thisclassName = quotquotltscriptltbodylthtml；5也可以自己制作一個模板，點擊新建一個模板，進入編輯頁面6點擊單頁模板可以選擇頁面的風格，需要添加的元素7點擊需要的頁面封面拖動鼠標到頁面位置就行了8功能模板里添加你頁面需要的功能插件點擊需要的插件按住。

3、1獲取百度地理位置坐標，首先在搜索引擎中搜索2搜索結(jié)果頁面如下，點擊第一個鏈接3接著打開的界面如下，鼠標放到自己要獲取的地理位置4比如選擇的是地壇公園，如下圖紅色的區(qū)域，點擊地壇公園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，觸發(fā)jquery方法，jquery方法中改變文字為按鈕；html中有一個ltalta標簽，直接給文字添加一個a標簽 比如lta href=quot鏈接quot target=quot_blankquot關(guān)于我們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坐標偏移，本質(zhì)是判斷鼠標在瀏覽器中的鼠標偏移，之后對瀏；只能獲取鼠標對于畫布的事件，可以根據(jù)點擊范圍判斷點擊的內(nèi)容，然后做相應操作 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。