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

时间: 2024-10-21 19:50:20

Jquery Mobile 百度地图 Demo的相关文章

百度地图demo

按不同策略的驾车导航 百度地图demo,布布扣,bubuko.com

android 百度地图Demo

原文:android 百度地图Demo 源代码下载地址:http://www.zuidaima.com/share/1550463561714688.htm 通过调用百度的api来进行定位和导航的一个android客户端 java源代码截图:

Android studio百度地图demo出现230错误,key校验失败

转自daoxiaomianzi原文 Android studio 百度地图demo出现230错误,key校验失败 使用AndroidStudio导入Baidu地图的as版的demo,引入后,发现没有key,于是到http://lbsyun.baidu.com/apiconsole/key,创建应用,申请key,但是把sha1和报名都输入后,将key复制到manifest.xml里,部署到手机上,提示: 验证出错,错误码:230,请AndroidManifest.xml文件中检查 kye 设置.

【Android接百度地图API】百度地图Demo点击按钮闪退

运行百度地图自带的BaiduMap_AndroidSDK_v4.1.0_Sample里面的BaiduMapsApiASDemo发现点击上面的按钮会闪退,控制台报的是xml的问题 查了一下,官方文档特别交代了要加入SDKInitializer.initialize(getApplicationContext()); 但是Demo里面没有,因而要加上. 即可解决Demo的Bug.

百度地图demo中的一点代码的优化

1 @implementation RootViewController 2 3 - (void)viewDidLoad 4 { 5 [super viewDidLoad]; 6 _demoNameArray = [[NSArray alloc]initWithObjects: 7 @"基本地图功能-MapViewBaseDemo", 8 @"多地图使用功能-MultiMapViewDemo", 9 @"图层展示功能-MapViewDemo",

百度地图 - demo

项目需要集成百度地图,那么关于如何集成百度地图的事,就自己去百度开放平台查看文档吧,这是非常简单的事,在这里就不多说了. 那么下面我就说说我在这个demo里所做的事. 首先,项目需要具备定位及计算两地的距离 其次,项目需要根据两个地点来拿到所有路线,并且可根据不同的策略拿到对应的最佳路线. 最后,需要拿到打车相关信息 那么这里我就自己写了一个单例类,这是在内部处理所有的代理,外部可以非常方便地调用,如果有好的建议,请在评论中赐教,谢谢! [objc] view plaincopy // //  

简单高效快捷的百度地图demo

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml">   <head>   <meta charset="utf

百度地图开发的时候遇到的问题(一)

使用百度地图SDK,运行Demo还可以的,但是当用到自己的程序中就出现问题了: 报出异常如下: 07-27 10:31:59.501: E/AndroidRuntime(8282): FATAL EXCEPTION: main 07-27 10:31:59.501: E/AndroidRuntime(8282): java.lang.RuntimeException: Unable to start activity ComponentInfo{com.Casper.UI/com.Casper.

百度地图_根据地图上标记位置获取街道信息,以及经纬度信息

Class:服务类/Geocoder Class:服务类/GeocoderResult <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>百度地图Demo</title> <script type="text/jav