當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Jquery Mobile 百度地图 Demo

發布時間：2024/6/18 编程问答 47 豆豆

生活随笔收集整理的這篇文章主要介紹了 Jquery Mobile 百度地图 Demo 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Demo截圖：

原理：
1、通過百度拾取坐標系統獲得點位的坐標。

http://api.map.baidu.com/lbsapi/getpoint/index.html

2、在網頁的<head>中插入百度API引用腳本。

3、在網頁的</body>之后</html>之前插入地圖顯示代碼（詳細代碼見DEMO）。

4、設置顯示地圖的div的id為“dituContent”，即添加 id="dituContent" ，由于jqm的div的高度都是根據內容自由放大的，所以為了地圖能正常顯示，還需要增加一個高度值，這里暫定為600px:

查看demo：

http://www.wglong.com/index/demos/map_baidu/index.html

下載demo

http://pan.baidu.com/s/1hq8cwra

轉載于:https://www.cnblogs.com/dekevin/p/4551619.html

以上是生活随笔為你收集整理的Jquery Mobile 百度地图 Demo的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。