<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百度地图</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
localSearch();
//deploySearch();
//rimSearch();
//boundsSearch();
//busLine();
//drivingLine();
//根据关键这搜索区域
function localSearch(){
var map = new BMap.Map("container"); // 创建地图实例
map.addControl(new BMap.NavigationControl());//地图控制插件,该插件可以控制地图的位置地图的显示比例
map.addControl(new BMap.ScaleControl());//显示在地图下方,告诉你地图上1cm对应的真实距离
//map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());//地图的显示类型:包括地图和卫星
//确定搜索对象
var local=new BMap.LocalSearch(map,{
renderOptions:{map:map}
});
//根据关键字定义到相应的区域
local.search("南京");
}
//搜索北京市里的中关村,只显示8个结果
function deploySearch(){
var map=new BMap.Map("container");
map.addControl(new BMap.NavigationControl());
var local=new BMap.LocalSearch("北京市",{
renderOptions:{
map:map,
autoViewport:true,
selectFirstResult:true
},
pageCapacity:8
});
local.search("中关村");
}
//在南京玄武湖附近搜索小吃
function rimSearch(){
var map = new BMap.Map("container");
var point = new BMap.Point(118.783557,32.053502); // 创建点坐标
map.centerAndZoom(point,15); // 初始化地图,设置初始点为南京
map.addControl(new BMap.NavigationControl());
var local = new BMap.LocalSearch(map, {
renderOptions:{map: map, autoViewport: true}
});
local.searchNearby("小吃", "玄武湖");
}
//当前地图视野范围内搜索银行
function boundsSearch(){
var map = new BMap.Map("container");
//地点为北京
map.centerAndZoom(new BMap.Point(116.404, 39.915), 14);
map.addControl(new BMap.NavigationControl());
var local = new BMap.LocalSearch(map, {
renderOptions:{map: map}
});
//搜索地图视野内的银行
local.searchInBounds("银行", map.getBounds());
}
//公交导航的区域范围只能是市,下面是南京市天隆寺到玄武湖的公交路线
function busLine(){
var map = new BMap.Map("container");
//地点为南京
map.centerAndZoom(new BMap.Point(118.783557,32.053502), 14);
map.addControl(new BMap.NavigationControl());
var transit = new BMap.TransitRoute(map, {
renderOptions: {map: map}
});
transit.search("天隆寺", "玄武湖");
}
//南京从天隆寺到玄武湖驾车路线
function drivingLine(){
var map = new BMap.Map("container");
//地点为南京
map.centerAndZoom(new BMap.Point(118.783557,32.053502), 14);
map.addControl(new BMap.NavigationControl());
var driving = new BMap.DrivingRoute(map, {
renderOptions: {
map: map,
autoViewport: true
}
});
driving.search("天隆寺", "玄武湖");
}
</script>
</body>
</html>
分享到:
相关推荐
将百度地图嵌入c# cs窗体中,cs后台控制百度地图: 1)用WebBrower控件加载本地的一个html文件,在html中实现加载百度地图 2)动态添加覆盖物 3)动态添加标签 4)动态添加点击小气球提示 5)经纬度提取详细地址 查...
将百度地图嵌入c# cs窗体中,cs后台控制百度地图: 1)用WebBrower控件加载本地的一个html文件,在html中实现加载百度地图 2)动态添加覆盖物 3)动态添加标签 4)动态添加点击小气球提示 5)经纬度提取详细地址 查...
meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" /> <meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" /&...
arcgis在线图层加载插件,可以加载百度地图、高德地图等在线地图。MapOnline地图插件_升级版 v1.2,新增了“GoogleEarth地图”与“历史地图”,可以“加载自定义切片”,可以“以切片的方式访问WMS服务”,比ArcMap...
js调用百度地图的方法 代码如下: <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta ...
本离线开发包,支持百度地图离线开发。用于无网络环境下的百度地图二次开发。 包含以下文件: 1,基础API:apiv1.3.min.js ,有注释可参考; 2,基础CSS: bmap.css ; 3,依赖文件:map,oppc,tile,control,marker; 4...
2.2百度地图环境 2.3高德地图环境 2.4腾讯地图环境 3、工程配置 3.1 添加jar包 3.2 添加so文件 3.3 AndroidMainfest.xml配置 4.百度地图与定位 5.高德地图与定位 6.腾讯地图与定位 1、开发背景 由于公司在开发安卓...
百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口,包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务,提供基本地图展现、搜索、定位、逆/...
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。
1.下载百度地图离线API 1.3 下载链接:http://download.csdn.net/detail/caoshangpa/9476608,网上虽然出现了2.0版本离线API,但是经试用,存在很多问题。该1.3版本离线API也是由高人制作,我只是优化了一下,去掉...
随着大数据、云计算、物联网的诞生、大量的设备数据、传感器数据、行为数据、日志数据、基础画像数据、运行数据等等都对传统的数据展现提出了新的要求 。随着前端技术的不断成熟,...本节课我们主要以百度地图结合map
百度地图的网页,调用百度地图api的javaScript,这里得创建自己的工单,申请自己的密钥key(申请的是浏览器端),通过输入经度纬度、线宽、线的颜色、线的透明度,实现百度地图的标点,折线,画图(注意:这里标点输入...
在delphi 中 调用百度地图,功能比较全面
实现百度地图功能。从中能够学到地图瓦片加载原理
异步获得百度地图 详细地址 城市 省份 街道,已打包成jar包,直接调用即可,不过需要你到百度地图官网注册一个秘钥(ak),这是调用百度地图必须的。使用方法: 1.manifest下声明service: 2.manifest下的application...
百度map,百度map API,百度地图 实现百度地图动态搜索、静态地图动态插入 mygw@163.com js 内容如下: /** 加载地图的主控类 */ var MapControl={ staticWith : 512,//链接静态图宽度 staticHeight : 320,/...
本程序使用leaflet加载百度地图,大多数的地图都使用84坐标系,对百度地图并不支持,因此本程序演示如何加载百度地图
百度地图离线地图瓦片地图资源图片
cesium加载百度地图方法
wpf中加载web地图百度地图的方法,自定义饼图。wpf中加载web地图百度地图的方法,自定义饼图。