文档章节

百度地图API

麦芒_酱
 麦芒_酱
发布于 2014/07/15 10:07
字数 313
阅读 49
收藏 0

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>定点宾馆</title>

<link rel="stylesheet" href="css/jquery.mobile-1.4.2.css" type="text/css" media="screen" title="no title" charset="utf-8">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5aStOUxPdj151jB5wadV1M6x"></script>

<script type="text/javascript" charset="utf-8" src="js/jquery-2.0.2.js"></script>      

<script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.4.2.js"></script>

<script type="text/javascript" charset="utf-8" src="conf/moaconf.js"></script>

</head>

<body>

<div data-role="page">

<div data-role="header" data-position="fixed" id="header">

<a data-role="button" onclick="returnPrePage()" data-iconpos="notext" data-icon="back"></a>

<h1>定点宾馆</h1>

</div>

<div data-role="content">

<div id="map"></div>

</div>

</div>

</body>

</html>

<script type="text/javascript">

    $.mobile.loading("show");

    function returnPrePage(){

        window.history.go(-1);

    }

// 获取地址

var urlStr = location.href;

var paraString = urlStr.substring(urlStr.indexOf("?") + 1, urlStr.length).split("&");

var hotelIndex = paraString[0].split("=")[1];

var hotelObj = (jQuery.parseJSON(localStorage.hotellist))[hotelIndex];

var hotelName;

var address;

if("true" == localStorage.groupType || true == localStorage.groupType){

hotelName = hotelObj.hotelname;

address = hotelObj.hoteladress;

} else {

hotelName = hotelObj.tavernName;

address = hotelObj.tavernAddress;

}

// 设置map高度

var mapHeight = $(window).height() - $("#header").height();

$("#map").css("height", mapHeight);

// 百度地图API功能

var map = new BMap.Map("map");

map.addControl(new BMap.NavigationControl());

map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}));  

map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT, type: BMAP_NAVIGATION_CONTROL_PAN}));  

map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));  

var myGeo = new BMap.Geocoder();

myGeo.getPoint(address, function(point){

if(point){

map.centerAndZoom(point, 15);

map.addOverlay(new BMap.Marker(point));

var opts = {

width : 200,

height: 60,

title : hotelName,

enableMessage: false,

}

var infoWindow = new BMap.InfoWindow("地址:"+address, opts);

map.openInfoWindow(infoWindow,point);

            $.mobile.loading("hide");

} else {

cpicalert("百度地图无法定位到:"+address, "返回", returnPrePage);

}

});

</script>


© 著作权归作者所有

上一篇: android学习
下一篇: 控制滚动条
麦芒_酱
粉丝 4
博文 24
码字总数 4345
作品 0
浦东
程序员
私信 提问
Echarts-百度地图省分着色

通过Echarts3结合百度地图,对全国省分进行着色。 起因 由于Echarts3中,不再使用china.js文件: ECharts 之前提供下载的矢量地图数据来自第三方,由于部分数据不符合国家《测绘法》规定,目...

莫显辉
2018/05/04
0
0
去百度API的百度地图准确叠加和坐标转换的解决方案研究

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/。 1.背景 目前项目上如果要使用百度地图,得加载百度的开发包,然后通过百度提供的接口来...

李晓晖
2015/02/07
0
0
android 调用百度地图客户端,

以前都是使用百度API在软件里面做一个百度地图出来这样感觉既浪费时间又浪费精力,这里就教大家直接使用Intent的方式调用手机上安装的百度地图客户端,访问我们所需要的路径规划等, //调起百...

Remix_jx
2014/09/03
10.9K
1
BMap:WEB 服务API

ylbtech-Map-Baidu: WEB 服务API 百度地图Web服务API为开发者提供http/https接口,即开发者通过http/https形式发起检索请求,获取返回json或xml格式的检索数据。用户可以基于此开发JavaScrip...

吞吞吐吐的
2017/11/07
0
0
前端 - 百度地图 API 基础入门

1.前言 最近想完成一个网站,里面需要使用地图相关的内容。 经过多方考虑,决定使用百度地图来完成,所以将整个学习历程进行简单的整理,方便朋友们来快速入门。 本文系作者 李鹏(MR_LP)原...

mr_lp
2017/02/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

How to find table in a database with HeidiSQL

In this article I want to show you how you can find table by name with HeidiSQL. Find table by typing One of the options to find table is to having focus in the object explorer ......

Ciet
20分钟前
4
0
基于SWIG跨平台开发的C++编码规范

1、数组定义 使用数组不建议采用指针方式eg double *,或者 double test[4] 直接采用std::vector或list即可。对于固定长度的数组定义为一个结构体 double test[4]instead ofstruct Vec...

洋碱
22分钟前
8
0
用Markdown编程之布局

基本就是用Markdown的布局方式。 \:是转义符号,最高优先级。 行首+# :用于空间布局,1-6分别标明:模式根、子模式、子模式内。 行首+> :用于标注和通信,1个标明标注,2个标明分类,3个标...

dwcz
29分钟前
5
0
SpringBoot定时器多线程解决方案

@Scheduled 作用:spring定时器(定时执行一次或定时轮询执行一段代码) 使用场景:注解在方法上 参数说明:常用参数 @Scheduled 参数说明 String cron:cron表达式定义了方法执行的时间规则(网...

whoisliang
29分钟前
6
0
3.01、Spring AOP的理解

注:转 https://mp.weixin.qq.com/s/PsgTLn8cdTxdd542XgVkUA 什么是AOP AOP(Aspect-Oriented Programming), 即 面向切面编程 , 它与 OOP( Object-Oriented Programming, 面向对象编程) 相辅相......

追忆2025
35分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部