1注冊(cè)百度地圖開發(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è)找到自己的位置。

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

打開百度，點(diǎn)擊上方地圖點(diǎn)擊地圖下方地圖開放平臺(tái)點(diǎn)擊開發(fā)文檔選擇地圖名片點(diǎn)擊開始制作按照提示第一步操作填寫基本信息提示第二步操作，選擇名片圖片，生成名片鏈接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)入百度地圖開發(fā)界面2點(diǎn)擊web開發(fā)，進(jìn)茹web地圖調(diào)用界面，進(jìn)入大眾開發(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 登錄開發(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打開百度搜索“百度地圖生成器”，在展開的搜索結(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，在瀏覽器中打開就可以看到自己定義的百度地圖了如果要把地圖添加到現(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里，最終顯示效果如下。