开发百度地图

各个版本介绍

JavaScript API v2.0和v3.0：采用2D和卫星地图两种混用模式（标准版）
JavaScript API GL v1.0：使用WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图
JavaScript APL Lite：专门针对移动端H5页面的使用场景，代码体积小，性能更好

简单操作2d和3d两种地图

在编写代码前需要申请属于自己的密钥：申请密钥

2d地图

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>百度地图api</title><style>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=3.0&ak=你的密钥"></script>
</head>
<body><div id="container"></div><script type="text/javascript">// 百度地图API功能var map = new BMap.Map("container");    // 创建Map实例map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别//添加地图类型控件map.addControl(new BMap.MapTypeControl({mapTypes:[BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));      map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放</script>
</body>
</html>

3d地图

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>2d和3d切换</title><style>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?type=webgl&v=1.0&ak=你的密钥"></script>
</head>
<body><div id="container"></div><script type="text/javascript">var map3D = new BMapGL.Map("container");    // 创建Map实例map3D.centerAndZoom(new BMapGL.Point(116.280190, 40.049191), 19);  // 初始化地图,设置中心点坐标和地图级别// 设置2d、3d切换map3D.addControl(new BMapGL.NavigationControl3D());map3D.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放map3D.setHeading(64.5);map3D.setTilt(73);  </script>
</body>
</html>

用途及注意点

用途：

网约车：网约车开发者精准定位、导航、司乘同显、精准计费等
智能穿戴：智能穿戴设备定位、导航、轨迹追踪导等
快递物流：物流下单、分单、干线运输规划、轨迹管理等多类核心业务场景
智能景区：为景区开发者提供智能化、场景化的地图服务，打造个性化智能景区
房产行业：房产行业搜索、位置展示、周边POI查看、路线规划等地图相关
在线旅游：地理地位、实时景物等
大数据可视化
热力图
等等

注意点

2d地图类型默认有：普通类型、卫星类型、普通和卫星混合类型、以及三维类型
在2d地图中尽量不要使用三维类型，因为三维类型地区比较少，一般没有，如果用户点了可内就会报错
如果要完成2D和3D地图之间的切换，就需要使用JavaScript API GL这个js库的NavigationControl3D

查看该文档主要看：

开发指南
类参考
实例demo
有兴趣的还可以研究它的开源库

以上纯属个人观点，具体操作还是看：百度地图JavaScript开发的API

百度地图API和2D/3D地图的转换相关推荐

从百度地图api到我的地图app
从百度地图api到我的地图app 1.了解百度地图api 获取AK(秘钥/百度地图api) 注册和获取秘钥中会遇到的问题: 在android studio上配置百度地图SDK [开发文档链接](htt ...
【百度地图API】多家地图API内存消耗对比测验（带源码）
任务描述: 啊,美妙的春节结束了.酸奶小妹和妈妈的山西平遥之旅也宣告成功!距离平遥古城7km,有一个同样身为"世界文化遗产"的寺庙,叫做"双林寺".双林寺的精致 ...
html标签怎么制作足迹地图,用百度地图API做个人足迹地图教程
上次折腾了个人百度足迹地图,积累了点经验,现分享给大家,如有兴趣都可以学着做一个.二话不说,先放出代码,点击下载. 压缩包含三个文件以及一个文件夹,其中"x1.php"是主题模板, ...
【百度地图API】如何在地图上添加标注？——另有：坐标拾取工具+打车费用接口介绍
一.如何进行标注 1.首先,我们需要找准标注的位置.比如,我想标注"中央民族大学"附近的网球场.那么,我转到坐标拾取工具页面,请点击http://openapi.baidu.com ...
【百度地图API】如何在地图上添加标注？——另有：坐标拾取工具+打车费用接口介绍...
摘要: 在这篇文章中,你将学会,如何利用百度地图API进行标注.如何使用API新增的打车费用接口. -------------------------------------------------- ...
百度地图API详解之地图标注
本文将向大家介绍百度地图API的标注(Marker)的使用方法和一些实现细节. 标注概述标注(Marker)是用来表示一个点位置的可见元素,每个标注自身都包含地理信息.比如你在西单商场位置添加了一个 ...
百度地图API详解之地图标注(一)
本文将向大家介绍百度地图API的标注(Marker)的使用方法和一些实现细节. 标注概述标注(Marker)是用来表示一个点位置的可见元素,每个标注自身都包含地理信息.比如你在西单商场位置添加了一个 ...
利用百度地图API制作房产酒店地图
摘要: 想亲手制作一张酷讯.去哪儿.安居客.链接地产那样的房产.酒店地图麼?那赶快来学习吧.(以酷讯为例,如下图) 更多成功案例请点击:http://dev.baidu.com/wiki/map/in ...
百度地图API详解之地图标注覆盖物
本文将向大家介绍百度地图API的标注(Marker)的使用方法和一些实现细节. 标注概述标注(Marker)是用来表示一个点位置的可见元素,每个标注自身都包含地理信息.比如你在西单商场位置添加了一个 ...
百度地图API详解之地图坐标系统
博客原文地址:http://www.jiazhengblog.com/blog/2011/07/02/289/ 我们都知道地球是圆的,电脑显示器是平的,要想让位于球面的形状显示在平面的显示器上就必然需 ...

百度地图API和2D/3D地图的转换

开发百度地图

目录

各个版本介绍

简单操作2d和3d两种地图

2d地图

3d地图

用途及注意点

用途：

注意点

百度地图API和2D/3D地图的转换相关推荐

最新文章

热门文章