1注冊(cè)百度地圖開(kāi)發(fā)者，這個(gè)直接到官網(wǎng)注冊(cè)就行，或者使用百度賬號(hào)直接登錄也行，登錄成功后，依次點(diǎn)擊“控制臺(tái)”“創(chuàng)建應(yīng)用”，在跳轉(zhuǎn)的頁(yè)面選擇“瀏覽器端”，輸入應(yīng)用名稱，設(shè)置白名單，如下創(chuàng)建成功后，當(dāng)前的應(yīng)用就會(huì)顯示在應(yīng)用列表中，這里我們需要記住應(yīng)用的AK值，后面的html代碼中需要用到，如。

1登錄百度地圖api，地址indexhtml 2設(shè)置你的地理位置，以北京大學(xué)為例子如圖3簡(jiǎn)單設(shè)置下地圖功能，也可以不設(shè)置地圖的寬度和高度根據(jù)網(wǎng)頁(yè)空間的大小設(shè)置就可以4設(shè)置地圖信息標(biāo)注，這個(gè)有利于查看地圖的人一眼就看到自己在什么位置，而且也很。

1進(jìn)入mapAPItoolcreatMap 創(chuàng)建地圖百度地圖API所見(jiàn)即所得工具，百度官方地址，大家放心使用切換城市，搜索需標(biāo)注位置如下圖設(shè)置地圖大家可以對(duì)網(wǎng)站顯示地圖的寬高進(jìn)行設(shè)置，其余選項(xiàng)不動(dòng)添加標(biāo)注點(diǎn)擊第一個(gè)圖標(biāo)后，在右側(cè)找到自己的位置。

第一步在瀏覽器中打開(kāi)百度地圖生成器 第二步圖中右側(cè)為自定義，根據(jù)自己的需求填寫(xiě)相關(guān)信息 第三步點(diǎn)擊獲取代碼按鈕，會(huì)自動(dòng)生成代碼，將代碼寫(xiě)入頁(yè)面中即可，也可以使用iframe標(biāo)簽完成引用。

打開(kāi)百度，點(diǎn)擊上方地圖點(diǎn)擊地圖下方地圖開(kāi)放平臺(tái)點(diǎn)擊開(kāi)發(fā)文檔選擇地圖名片點(diǎn)擊開(kāi)始制作按照提示第一步操作填寫(xiě)基本信息提示第二步操作，選擇名片圖片，生成名片鏈接HTML5是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述方式HTML5是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn)，是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種。

1調(diào)用百度地圖必須要有百度賬號(hào)，然后點(diǎn)擊地圖，進(jìn)入百度地圖開(kāi)發(fā)界面2點(diǎn)擊web開(kāi)發(fā)，進(jìn)茹web地圖調(diào)用界面，進(jìn)入大眾開(kāi)發(fā)界面3這一步就進(jìn)入了web地圖調(diào)用頁(yè)面啦，里面有的功能，可以看下圖，選擇你需要的表現(xiàn)形式，我選擇一個(gè)quot逆地理編碼quot，點(diǎn)擊進(jìn)入代碼頁(yè)面4下面就是對(duì)代碼進(jìn)行修改啦，修改。

注冊(cè)百度賬號(hào)，到百度地圖的API申請(qǐng)個(gè)KEY，免費(fèi)的key每天有固定的查詢流量，付費(fèi)就很多了申請(qǐng)了Key后，在你的Html 頁(yè)面上引入js script type=#34textjavascript#34 src=#340ak=您的密鑰#34script 在HTML的Body中，放入一個(gè)div，用于顯示。

第一步進(jìn)入百度創(chuàng)建地圖的網(wǎng)站，搜索出自己要展示的位置 第二步設(shè)置地圖，大家可以對(duì)網(wǎng)站顯示地圖的寬高進(jìn)行設(shè)置，其余選項(xiàng)不動(dòng)第三步添加標(biāo)注點(diǎn)擊第一個(gè)圖標(biāo)后，在右側(cè)找到自己的位置，單擊鼠標(biāo)左鍵可定位標(biāo)記圖標(biāo)處可更換圖標(biāo)形狀，名稱和備注。

這里需要設(shè)定一下標(biāo)注的位置，想居中的話基本都是和地圖的坐標(biāo)一樣的這下面是創(chuàng)建一個(gè)標(biāo)注和定位var marker = new BMapMarkernew BMapPoint1163964，399093mapaddOverlaymarker。

1 登錄開(kāi)發(fā)者平臺(tái)，點(diǎn)擊quot創(chuàng)建應(yīng)用quot，選擇與項(xiàng)目相關(guān)的應(yīng)用類型，如Web項(xiàng)目，并設(shè)置Referer白名單完成創(chuàng)建后，你會(huì)看到你的AK實(shí)現(xiàn)百度地圖的關(guān)鍵步驟如下創(chuàng)建HTML文件，如Hellohtml，引用API并替換AK在HTML中創(chuàng)建地圖容器元素，并設(shè)置樣式實(shí)例化地圖，如`var map = new BMapMap#39container#39。

需要的，秘鑰是免費(fèi)的，可以自己申請(qǐng)百度有在html中使用的接口，你可以看看百度的Web組件定位，那個(gè)新出來(lái)的。

可以在百度地圖官網(wǎng)獲取百度地圖的網(wǎng)頁(yè)代碼1打開(kāi)百度搜索“百度地圖生成器”，在展開(kāi)的搜索結(jié)果中找到百度地圖生成官網(wǎng)并點(diǎn)擊進(jìn)入2在百度地圖生成官網(wǎng)，輸入默認(rèn)的地圖位置，然后點(diǎn)擊“查找”按鈕3找到地圖后點(diǎn)擊地圖底部的“獲取代碼”按鈕獲取地圖源代碼4創(chuàng)建一個(gè)新的html文檔，并將之前復(fù)制的。

有做過(guò)這個(gè)功能，之前用的是百度地圖提供的api，完全符合你的需求當(dāng)然，高德地圖貌似也有，你可以去看看百度地圖apiphp？title=jspopular 補(bǔ)充要做離線最好別用web端來(lái)做后來(lái)發(fā)現(xiàn)，echarts來(lái)實(shí)現(xiàn)你的需求應(yīng)該也是可以的html。

在“第二步 獲取代碼”中，點(diǎn)擊“獲取代碼”按鈕，就會(huì)彈出根據(jù)上面的設(shè)置生成代碼，如下圖把上一步生成的代碼保存為html文件我這里保存為maphtml，在瀏覽器中打開(kāi)就可以看到自己定義的百度地圖了如果要把地圖添加到現(xiàn)有的網(wǎng)頁(yè)中，可以使用iframe標(biāo)簽，如ltiframe src=quotmaphtmlquot width=quot600。

1先定位中心點(diǎn)，輸入要定位的地址，如“清華大學(xué)”，然后點(diǎn)擊“查找”2然后設(shè)置地圖，可以修改寬高等3接下來(lái)添加標(biāo)注4最后復(fù)制代碼5將復(fù)制的代碼粘貼到要顯示地圖的地方即可，如某個(gè)html頁(yè)面中的div里，最終顯示效果如下。