在網頁裡面嵌入百度地圖

百度地圖 HTML 程序員 科技 愛當程序猿的我 2017-05-11

關注“愛當程序員的我”，可以瞭解到更多編程知識

最近小編在一個網站的時候需要嵌入地圖，這裡小編就給大家分享一下怎樣在自己的網頁裡面嵌入百度地圖。

首先輸入網址http://api.map.baidu.com/lbsapi/creatmap/index.html，可以進入到百度地圖的API

在網頁裡面嵌入百度地圖

百度地圖API

在定位中心點中輸入需要定位的地址，這裡小編輸入的是天安門

在網頁裡面嵌入百度地圖

然後點擊設置地圖，可以根據自己的實際情況選擇相應的選項

在網頁裡面嵌入百度地圖

設置地圖

然後點擊添加標註，有點標記、線標記和文字標記，可以根據自己的情況選擇

在網頁裡面嵌入百度地圖

添加標註

然後根據所選地點就可以進行相應的操作

在網頁裡面嵌入百度地圖

設置標記

最後我們就可以點擊第二步的獲取代碼了，然後有一個彈框，我們只需要點擊複製代碼就可以了

在網頁裡面嵌入百度地圖

獲取代碼

在網頁裡面嵌入百度地圖

獲取代碼

我們只需要把它放進一個本地的html文件裡面就可以了

在網頁裡面嵌入百度地圖

實際運行效果

當然我們不能就這樣顯示了，我們需要在其他的網頁裡面嵌套，這裡小編寫了一個簡單的嵌套網頁

在網頁裡面嵌入百度地圖

test.html

運行結果

在網頁裡面嵌入百度地圖

運行結果展示

這樣就將百度地圖嵌入到我們自己的網頁上了。

結束語：

如果喜歡這篇頭條，一定要收藏喲^O^

點擊關注，瞭解更多關於編程的知識^O^

如果有不懂的地方，可以留言，相互探討，相互學習，共同進步^O^

相關推薦

'男子求婚挑戰，女友與鑽戒合照一個月傻傻不知，有一次都放手裡了'
"你是否曾幻想過，自己求婚或被求婚的時候，是一種怎樣的場景？日前，“別人家的男朋友”、英國男子Edi Okoro在社交媒體上講述了自己求婚的故事。圖片來源：Edi Okoro社交媒體賬戶截圖據外媒報道，30歲的Edi Okoro與其28歲的女友Cally Read一直非常恩...
戒指 程序員 戀愛 2019-09-19
'程序員哀嘆：平安二面，HR小姐姐讓我手撕紅黑樹 網友：平安裁員'
"前言：就今年的招聘市場來看，想跳槽的難度比往年要高很多。給筆者一個最明顯的感受，那就是：今年很多大廠的社招，技術面都是在考驗技術功底。面對與日俱增的題量，和越來越刁鑽的面試官，不少求職者簡直愁上了天。近在咫尺的offer，總是失之交臂。明明自己技術還不錯，結果卻在一道題上...
人生第一份工作 程序員 算法 跳槽那些事兒 百度 Java虛擬機 計算複雜性理論 技術 招聘 數據結構 KPI 2019-09-18
'面試官：講講DNS的原理？'
"來源：知乎作者：孤獨煙引言今天我們來聊聊DNS。 所謂域名系統（Domain Name System縮寫DNS，Domain Name被譯為域名）是因特網的一項核心服務，它作為可以將域名和IP地址相互映射的一個分佈式數據庫,可以balabala..省略一萬字不表，因為這都...
DNS Chrome 跳槽那些事兒 瀏覽器 Linux HTML 百度 數據庫 操作系統 GNU 電腦 2019-09-14
'百度地圖推出5G信號覆蓋地圖 為5G商用造勢'
"6月6日工信部發放了4張5G牌照，一時間科幻般的生活場景刷新了人們對5G的認知，無數人開始了5G生活的嚮往之旅。然而，現實是骨感的，可供選擇的5G手機寥寥無幾，具體的5G體驗遲遲不來。直到8月，5G手機才陸續上市，國內運營商也相繼發佈了5G體驗計劃。久等的結果就是加入5G...
我的第一部5G手機 百度地圖 運營商 百度 中國移動 中國聯通 電信 華為公司 上海 徐家彙 MWC 步步高vivo 2019-09-13
'金九銀十，你準備好了嗎？沒點Python面試題乾貨怎麼行？（一）'
"職場人沒有不知道：金三銀四，金九銀十 的說法兒吧，今天干貨奉上，100個Python面試高頻題目。一. 遇到過得反爬蟲策略以及解決方法?1.通過headers反爬蟲2.基於用戶行為的發爬蟲：(同一IP短時間內訪問的頻率)3.動態網頁反爬蟲(通過ajax請求數據，或者通過J...
Python Scrapy 人生第一份工作 Redis HTML 數據庫 網絡爬蟲 JavaScript 瀏覽器 jQuery 跳槽那些事兒 2019-09-13
'程序員面試瞭解到工作要求：是你找兒子還是我找爹？Bug都不讓有'
"一位程序員分享出了他與HR的交流截圖公司招聘員工要求肯定是多的，這個可以理解。但是，有的要求奇葩到你根本沒法理解。俗話說代碼5分鐘，bug兩小時。敲代碼出現bug實在是再平常不過的事情了，而且bug這個東西就算是技術大拿也同樣沒有辦法避免。而且這個東西很多時候也與技術無關...
程序員 人生第一份工作 跳槽那些事兒 Google Python 技術 2019-09-12
'程序員：平時的你 VS 面試的你'
"正文面對HR問題:你是如何和你同事相處的？平時的你:臥槽，知不知道我很忙的，這點破事也來問我，能不能別來煩我！面試的你:我最大的優點就是古道熱腸，積極幫助同事解決各方面的問題，同事都叫我大神！問題:你大概融入一個團隊需要多久？平時的你:什麼豬隊友啊，老是不明白我在說啥，一...
人生第一份工作 程序員 Java 數據庫 技術 跳槽那些事兒 設計模式 巴拉巴拉 2019-09-12
'面向對象編程的災難：是時候考慮更新換代了'
"全文共13316字，預計學習時長26分鐘圖片來源：Unsplash/Jungwoo Hong許多人認為面向對象編程是計算機科學的珍寶，代碼組織的最終解決方案，所有問題的終極回答，編寫程序的唯一真正方法，編程之神賜予我們的財富……但事實證明並非如此，人們常常屈服於抽象和混雜...
面向對象程序編程 程序員 Linux 設計 技術 Java 軟件 投資 泛函編程 林納斯·託瓦茲 設計模式 人生第一份工作 Haskell 2019-09-12
'Java程序員必備的一些流程圖（附面試筆試參考書單）'
"前言:整理了一些Java基礎流程圖/架構圖，做一下筆記，大家一起學習。1.spring的生命週期Spring作為當前Java最流行、最強大的輕量級容器框架，瞭解熟悉spring的生命週期非常有必要；首先容器啟動後，對bean進行初始化按照bean的定義，注入屬性檢測該對象...
Java Java虛擬機 程序員 人生第一份工作 虛擬機 2019-09-11
'桌面版應用程序的前世今生'
"​互聯網出現之前，C/S架構是軟件產品的主流，後面漸漸地被B/S架構所取代（因為不需要配置客戶端），但由於瀏覽器有刷新機制，服務器的負載等因素，C/S架構的響應速度和流暢性是好於B/S架構的，所以現在軟件開發的趨勢是兩者的融合，一般是B/S架構開發的產品可以非常方便地轉移...
程序員 技術 微軟 Java 瀏覽器 軟件 Node.js Objective-C Visual Basic Chrome Qt Windows Chromium Delphi Swift語言 設計 操作系統 騰訊QQ CSS HTML5 Mac電腦 愛奇藝 Cocoa 2019-09-10
'Github Games熱門網頁遊戲漢化合集，共40多款'
"這個組織漢化了一些 GitHub 上一些有趣的 HTML 小遊戲，共40多款，還有不少正在漢化中。大部分是點擊類或放置類遊戲，畫面很渣但很耐玩的那種。包括很經典的 小黑屋（A Dark Room）和點擊殭屍等，具體的的遊戲推薦榜單和評分可以點擊這裡：https://shi...
GitHub 網頁遊戲 HTML 小遊戲 2019-09-09
'程序員發帖感慨：百度是為數不多的良心公司，不996，不強制加班'
"前言：在職場，我們經常會羨慕歐洲一些國家的工作環境以及工作時長。比如德國，平均每週工作時間26小時，挪威、丹麥、荷蘭27小時，法國28小時，即使工作時間最長的希臘人，也只有39小時。而在我國，《勞動法》規定平均每週工作時間不得超過44小時。當然，多數公司已經遠遠超於這個數...
人生第一份工作 百度 跳槽那些事兒 程序員 騰訊 技術 KPI 睡眠 德國 法國 微軟 Google 春節守護值班 2019-09-09
'程序員面試備戰篇：18個經典MySQL面試專題解析（乾貨分享答案）'
"1.數據庫三範式是什麼?第一範式（1NF）：字段具有原子性,不可再分。(所有關係型數據庫系統都滿足第一範式數據庫表中的字段都是單一屬性的，不可再分)第二範式（2NF）是在第一範式（1NF）的基礎上建立起來的，即滿足第二範式（2NF）必須先滿足第一範式（1NF）。要求數據庫...
MySQL SQL 程序員 數據庫 人生第一份工作 數據庫索引 紅帽公司 Debian 數據結構 設計 2019-09-09
'「官宣」小咖科技與百度地圖達成戰略合作，賦能網約車行業新發展'
"近日,小咖科技與百度地圖簽訂戰略合作框架協議。根據協議,小咖科技與百度地圖將在網約車解決方案、流量平臺、地圖技術能力等方面充分合作,賦能網約車企業,推進智慧出行行業發展,助力智慧城市建設。雙方宣佈,將在出行大數據、智慧出行一站式解決方案等領域開展深入合作,共同搭建智慧出行...
百度地圖 技術 大數據 知識產權 軟件 交通 2019-09-08
'入職百度一週，我知道了這些'
"上班有一週了，聊一聊在大廠上班的一點感受和學到的一些東西。吃飯也有江湖入職那天去了周圍的一家早餐點,看了一眼價格，不得不說帝都著外面的店真的貴啊，半根油條6塊錢，一碗豆漿5塊錢，一根烤腸5塊錢，隨隨便便一頓早飯就15-20塊了，瑟瑟發抖。。。平時午餐點個外賣的話算上餐盒費...
百度 人生第一份工作 程序員 夜宵 豆漿 跳槽那些事兒 2019-09-08
'GitHub項目推薦｜PHP面試問答與經驗分享'
"GitHub JS項目推薦|PHP面試問答《PHP 面試問答》結合實際 PHP 面試經驗，系統地彙總面試中的各類的問題，並嘗試提供簡潔準確的答案，為你面試 PHP 相關崗位提供“祕籍”。包含：網絡協議、數據結構與算法、PHP基礎、Web、MySQL、Redis、自我介紹、...
PHP GitHub 人生第一份工作 Linux MySQL Redis JavaScript 算法 HTML 設計 設計模式 CSS 數據庫 數據結構 瀏覽器 2019-09-08
'從3月面試到9月，程序員辭職後被40家公司拒絕，3個原因很現實'
"原文地址：https://dwz.cn/dEZN3Jse作者：職場精英之術導讀：影響一個人就業的因素有很多，個人能力、就業環境、以及面試方法和技巧等等。對於我們求職者來說，大環境是改變不了，我們只能選擇自己能夠把握的條件，比如儘量提高個人能力，學習更多的面試技巧，這些也能...
人生第一份工作 程序員 跳槽那些事兒 Java 創業 百度 2019-09-08
'支付寶面試（Java開發崗）如何應對面試官的3輪技術面+1輪HR面'
"現如今跳槽已經成為程序員的一個重要話題。很少有程序員能在公司呆10年以上。對於許多程序員來說，像阿里騰訊這樣的大公司也是程序員職業生涯追求的目標。另外，大家要明確的很重要的幾點是： 1. 寫在簡歷上的東西一定要慎重，這可能是面試官大量提問的地方； 2. 大部分應屆生找工作...
Java 人生第一份工作 Redis Java虛擬機 MySQL 程序員 技術 設計 算法 Memcached 數據庫 MongoDB 支付寶 Nginx Docker SQL 操作系統 何來 2019-09-08
推薦中...