1、function getLocation 檢查瀏覽器是否支持地理位置獲取 if navigatorgeolocation 若支持地理位置獲取，成功調(diào)用showPosition，失敗調(diào)用showError alertquot正在努力獲取位置quotvar config = enableHigh；alert#39您的位置#39++#39，#39+var pt = rpointvar geoc = new BMapGeocodergeocgetLocationpt， functionrsvar addComp = rsaddressComponentsalertaddCompprovince +；這個(gè)玩意有點(diǎn)復(fù)雜首先要獲取點(diǎn)擊發(fā)生鼠標(biāo)所在的坐標(biāo)然后判斷這個(gè)坐標(biāo)是否在圖形的范圍內(nèi)如果在，剛可以視為點(diǎn)擊了該圖形圖形本身是不能響應(yīng)事件的必須用canvas代理只是要判斷的情況有時(shí)候很復(fù)雜如果這個(gè)點(diǎn)所在的；定位功能Geolocation是HTML5的新特性，因此只有在支持HTML5的現(xiàn)代瀏覽器上運(yùn)行，特別是手持設(shè)備如iphone，地理定位更加精確首先我們要檢測(cè)用戶(hù)設(shè)備瀏覽器是否支持地理定位，如果支持則獲取地理信息注意這個(gè)特性可能侵犯用戶(hù)的。

2、lt！DOCTYPE html lthtml ltbody ltp id=quotdemoquot點(diǎn)擊這個(gè)按鈕，獲得您的坐標(biāo)ltp ltbutton onclick=quotgetLocationquot試一下ltbutton ltscript var x=documentgetElementByIdquotdemoquotfunction getLocation i；比如SVG繪圖，各種圖形都是以DOM節(jié)點(diǎn)的形式插入到頁(yè)面中，這就意味著可以使用DOM方法對(duì)圖形進(jìn)行操作比如有一個(gè) 元素，可以直接用jquery增加click事件$#39#p1#39clickfunctionhellipquot然而這種DOM處理方法在HTML5；1獲取百度地理位置坐標(biāo)，首先在搜索引擎中搜索2搜索結(jié)果頁(yè)面如下，點(diǎn)擊第一個(gè)鏈接3接著打開(kāi)的界面如下，鼠標(biāo)放到自己要獲取的地理位置4比如選擇的是地壇公園，如下圖紅色的區(qū)域，點(diǎn)擊地壇公園5上面就會(huì)有它；步驟 1 在 HTML 中設(shè)置畫(huà)布，創(chuàng)建一個(gè)引用，并獲取上下文對(duì)象 畫(huà)布在 HTML 中通過(guò) ltcanvas 標(biāo)簽定義與其他標(biāo)簽類(lèi)似，ltcanvas 的屬性如寬度和高度作為特性輸入假設(shè)你希望創(chuàng)建一個(gè)寬 500 像素高 500 像素的；根據(jù)圖像映射的原理可知，這是一個(gè)圓形區(qū)域，只要確定圓心坐標(biāo)和圓形的半徑就行，那xyr的值該怎么確定呢在此提供兩種方法一截圖工具測(cè)量方法 我們?cè)谑褂霉ぞ呓貓D時(shí)ctrl+alt+a，鼠標(biāo)左鍵未松開(kāi)之前；在支持html5地理定位API的瀏覽器上，windownavigator對(duì)象新增了一個(gè)geolocation屬性，以及相關(guān)的Geolocation API都是用JS進(jìn)行訪(fǎng)問(wèn)的下面是一個(gè)例子lt！doctype html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot。

3、但在HTML5中l(wèi)ta標(biāo)簽是超鏈接HTML5中l(wèi)ta標(biāo)簽新屬性charsethtml5不支持，指url的字符編碼coordshtml5 不支持，指鏈接的坐標(biāo) downloadNew指定下載鏈接 hreflang 目標(biāo) URL 的基準(zhǔn)語(yǔ)言，僅在 href 屬性存在時(shí)使用；var point = new BMapPointlongitude， latitude 創(chuàng)建點(diǎn)坐標(biāo) mapcenterAndZoompoint， 15var marker = new BMapMarkernew BMapPointlongitude， latitude 創(chuàng)建標(biāo)注 mapaddOverlaymarker；shape=quotrectquot coords=quotx1，y1，x2，y2quot以圖片的左上角為坐標(biāo)原點(diǎn)，矩形的左上角坐標(biāo)x1，y1和矩形的右下角坐標(biāo)x2，y2來(lái)確定具體位置和大小結(jié)合具體的代碼來(lái)解釋 coords=quot0，0，110，260quot0，0就是矩形的左上角坐標(biāo) 該。

4、就你這部分代碼運(yùn)行應(yīng)該是沒(méi)問(wèn)題的，你再試試；Canvas坐標(biāo)概念會(huì)貫穿整個(gè)Canvas繪圖，所以，熟悉Canvas的坐標(biāo)空間是在Canvas上繪圖的先決條件可以去優(yōu)酷搜索“HTML5 矢量繪圖新功能 Canvas 基本用法”了解一下。