Jquery Mobile 百度地图 Demo
生活随笔
收集整理的這篇文章主要介紹了
Jquery Mobile 百度地图 Demo
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
首先非常感謝franck分享的Demo!
Demo截圖：
下面是franck對此Demo的說明：
原理：
1、通過百度拾取坐標系統獲得點位的坐標。
http://api.map.baidu.com/lbsapi/getpoint/index.html
2、在網頁的<head>中插入百度API引用腳本。
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>3、在網頁的</body>之后</html>之前插入地圖顯示代碼（詳細代碼見DEMO）。
4、設置顯示地圖的div的id為“dituContent”，即添加 id="dituContent" ，由于jqm的div的高度都是根據內容自由放大的，所以為了地圖能正常顯示，還需要增加一個高度值，這里暫定為600px:
<div data-role="content" id="dituContent" style="height: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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [Java5新特性]动态代理
- 下一篇： delphi VCL研究之消息分发机制(