亚洲高清,国产又粗又猛又爽又黄三D卡通片,亚洲中文字幕第一页,亚洲骚女一区二区在线

  • <u id="4kkvp"><bdo id="4kkvp"></bdo></u>
  • <i id="4kkvp"></i>

  • <u id="4kkvp"></u>

    <i id="4kkvp"><bdo id="4kkvp"></bdo></i>
  • <u id="4kkvp"></u>

  • 案例7:使用內聯(lián)框架加載可交互的百度地圖

    • 2022-03-23 14:51:48
    • 閱讀次數:次
    • 作者:盈嵐科技小編
    • 來源:http://linjicha.cn

    第一步:申請百度地圖API秘鑰。

    打開網址:http://developer.baidu.com/map/,注冊賬戶并登錄。

    申請Web服務API:http://developer.baidu.com/map/index.php?title=webapi,然后按照提示創(chuàng)建應用,復制API Key,見圖105。

    502.jpg

    (圖105)

    第二步:生成百度地圖HTML代碼。

    打開Javascript API大眾版網址:http://developer.baidu.com/map/index.php?title=jspopular,在功能介紹中單擊地圖展示,見圖106,然后在新打開的網頁中輸入剛剛復制的API Key,見圖107-A。

    502.jpg

    (圖106)

    502.jpg

    (圖107)

    復制圖107-B中的所有源代碼,并將其另存為map.html文件到電腦桌面上,見圖108。

    502.jpg

    (圖108)

    第三步:回到Axure工作界面,在【部件】面板中拖放一個【內聯(lián)框架】部件到設計區(qū)域,右鍵單擊該部件隱藏邊框,將【滾動條】設置為【從不顯示滾動條】,雙擊內聯(lián)框架部件,在彈出的【鏈接屬性】對話框中選擇【鏈接到url或文件】,并輸入map.html的絕對路徑,見圖109,單擊【確定】按鈕關閉【鏈接屬性】對話框。

    502.jpg

    (圖109)

    第四步:單擊工具欄中的【預覽】按鈕,此時瀏覽器中的內聯(lián)框架部件會提示如下錯誤,見圖110。

    502.jpg

    (圖110)

    在這里網站建設小編需要提醒注意的是,在使用內聯(lián)框架部件嵌入外部HTML文件時要生成HTML才能正常預覽效果,單擊工具欄中的【發(fā)布】按鈕,然后選擇【生成HTML文件】,見圖111。

    502.jpg

    (圖111)

    此時,我們就可以對瀏覽器中的百度地圖進行拖動、縮放等可交互操作了,見圖112。

    但是,當我們把生成的HTML文件夾上傳到Web服務器演示時,仍然會出現(xiàn)問題,因為map.html文件在桌面上,而且【內聯(lián)框架】中的文件路徑指向桌面上的map.html。要解決這個問題,只需將 map.html文件移動到生成的HTML文件夾中,見圖113。

    502.jpg

    (圖112)

    502.jpg

    (圖113)

    然后重新設置【內聯(lián)框架】部件中map.html文件路徑(因為map.html被移動到了生成HTML文件夾的根目錄),見圖114。再次點擊工具欄中的【發(fā)布>生成HTML文件】,此時將生成的THML文件夾上傳至Web服務器也可以正常操作了。至此,使用內聯(lián)框架加載可交互的百度地圖案例就結束了。

    502.jpg

    (圖114)


    當前文章標題:案例7:使用內聯(lián)框架加載可交互的百度地圖

    當前URL:http://linjicha.cn/news/wzzz/3387.html

    上一篇:案例6:使用內聯(lián)框架部件加載網絡視頻

    下一篇:挑戰(zhàn)5:使用內聯(lián)框架加載本地視頻/音頻

    網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)