百度地图三维效果实现

之前用百度地图都是用的二维地图,现在发现百度地图支持三维效果,欲实现三维效果只需添加如下两句代码即可:

map.setMapType(BMAP_PERSPECTIVE_MAP);     //修改地图类型为3D地图

map.setCurrentCity("北京市");  //设置当前城市

,整体代码如下:

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
		#allmap{width:100%;height:500px;}
		#r-result{width:100%;margin-top:5px;}
		p{margin:5px; font-size:14px;}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5qnG3inG4VhPZOcjNwj4ycZN"></script>
	<title>百度三维地图</title>
</head>
<body>
	<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.404, 39.915);
	map.centerAndZoom( point,18);

	// 将标注添加到地图中
	//marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
	//marker.enableDragging();
	map.setMapType(BMAP_PERSPECTIVE_MAP);     //修改地图类型为3D地图
    map.setCurrentCity("北京市");  //设置当前城市
</script>

时间: 2024-08-01 19:31:00

百度地图三维效果实现的相关文章

百度地图 弹窗效果,标注总显示在左上角

现象一: 地图弹窗先隐藏 ->显示地图弹窗->设置marker -> 设置centerAndZoom 看效果标注层定点位置有问题(因显隐),中心点还是相对于左上角.(不知道是不是这样,先标记待查) 现象二: 地图弹窗先隐藏->设置marker -> 设置centerAndZoom ->显示地图弹窗 隐藏时左上角是地图中心点,所以标注在左上角(上图为了展示效果,手动将地图向右下角移动了一下) 解决:每次显示地图之前都需要初始化地图,例如: var map = new BM

(转)深入理解最强桌面地图控件GMAP.NET --- 百度地图

GMAP.NET支持了Google, Bing, Ovi, Openstreetmap, Yahoo,GIS等多种地图,但国内的地图支持得比较少. 不过没有关系,我们可以为GMAP.NET添加百度地图的支持,只要了解了地图加载的原理,就很容易集成进来, 最重要的是,它是支持离线的,也就是说利用GMAP.NET,我们可以制作各种离线地图供我们桌面应用程序使用, 这也是我为什么称之为最强地图控件的原因. 如何在你的程序中使用GMAP.NET百度地图 整个代码已经提交到 http://ypmap.go

百度地图JavaScript API使用

最近在完成优达学城前端开发(入门)课程的P4项目中,要求调用google地图进行交互,项目已提供部分js代码和html代码.但在申请google地图API密钥时由于网络等原因,打不开或者连接超时,所以想着地图应该是相似的,百度地图可能也能实现这样的功能,于是就开始了百度地图JavaScript API使用的学习探究了. 简单介绍:百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富.交互性强的地图应用,包含了构建地图基本功能的各

easyui左侧导航菜单右侧载入百度地图项目框架

代码下载 http://pan.baidu.com/s/1cDht7K 一个左侧是导航菜单,右侧是百度地图的应用: 一 左侧菜单 使用jquery easyui框架:网上下的资源:运行后如下: 二 修改菜单 修改后如下:标注,地理要素,数据管理:这些是GIS功能: 三 jquery  easyui框架是这么用的: 单击左侧不同菜单:链接到不同html文档:就会在右侧显示相应文档: 四 载入百度地图 在其中一个demo2.html中,载入百度地图:效果如下:以后可点击左侧菜单,在右侧增加百度地图应

Arcgis for js加载百度地图

概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲解如何在Arcgis for js中加载百度地图. 效果: 地图 影像-无标注 影像-有标注 实现: 第一,在此感谢http://www.cnblogs.com/chenyuming507950417/p/3343729.html这篇文章的主人,给了我很大的启发与帮助,因为一直在找相关的参数,都不对,只有这个参数是没有问题的. 第二,百度地图可调用的有地图切片,影像切片,以及道路等POI切片,我将之用TiledMap

你可能用到的百度地图效果(附源码)

这段时间需要实现百度地图的一些展示效果,虽然最终效果做出来了,可是这中间也走了很多的弯路,希望有用到的可以直接拿来用,少走一些弯路.百度地图为开发者提供了一系列的接口,点百度接口去百度接口.本文主要用到了以下几个效果: 1.热力图显示 2.自定义图标的聚合显示 3.云麻点显示 热力图显示 百度地图热力图是通过设置热力图半径.颜色.透明度等参数直观展示数据分布情况,而我这段时间所做的,就是通过一段时间内的订单数量,再结合经纬度,在地图上显示热力分布图.百度地图官方的API给的示例很Easy,创建地

百度地图可视化定位效果,可以输入目的地定位。

登录百度开发者帐号后下载sdk导入自己的工程中. 代码如下: 1 package com.lixu.baidu_gps; 2 3 import com.baidu.location.BDLocation; 4 import com.baidu.location.BDLocationListener; 5 import com.baidu.location.LocationClient; 6 import com.baidu.location.LocationClientOption; 7 imp

百度地图与 高德导航

概述 百度地图是百度提供的一项网络地图搜索服务,用户可以查询街道,商场,楼盘的位置,也可以找到自己附近的餐馆,学校,公园,银行等,高德导航是一款为车主用户提供的安全.易用.高效的离线手机导航软件,产品覆盖所有手机平台. 一简介 百度地图是百度提供的一项网络地图搜索服务,覆盖了国内近400多个城市,数千个区县,在百度地图里,用户可以快速定位到自己的位置,搜索周边美食娱乐,不但可以帮你找位置,还能帮你到哪去,公交,驾车,步行三种出行方式任你选择!还有蚯蚓路线.免费语音导航.时间胶囊让你出行无忧. 高

百度地图离线开发

:  百度地图离线开发,用在内网于局域网项目开发上,完全脱离互联网访问,可支持完整的全国瓦片图下载,使用目前最新的V2.0百度API,支持热力,聚合,海量标注,根据范围米数来圈范围,画图工具等完全支持.http:api.jjszd.com:8081apituiguanggisysw.html 以下是测试中的截图 地图标注,点击标注弹出层 地图标注,点击标注弹出层 支持多层弹出显示,也支持每次只显示一个层,可自由更改标注图标,大家发现没有,这个层不是带有箭头标识的层,箭头标识的是MBap中自带的,