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

开发百度地图

各个版本介绍

  • 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>

2D地图北京市
回到顶部 目录

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>

3D地图和2D的转换
回到顶部 目录

用途及注意点

用途:

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

注意点

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

查看该文档主要看:

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

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

回到顶部 目录

  • 5
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
World Map Strategy Kit 2是功能强大的游戏工具包,可用于基于真实或虚构的世界地图创建策略游戏。 包括出色的视觉吸引力功能,这些功能实施起来很复杂,可以为您开发游戏提供AAA级启动。 ***视觉功能*** - 标准/内置和LWRP / URP支持。 - 3主视图模式:平面地图3D中,在2D平面地图(UI元素)和定制的3D视用浮雕。与Unity地形的兼容性也可用于标准/内置管道。 -具有3D表面网格的独家自定义视口,用于地形可自定义/实时高度,无限水平滚动(环绕)和出色效果(水,海岸泡沫,浮力效果,边界线,基于PBS的...) - 包括2K至16K高分辨率的几种地球背景纹理和样式。 - 带有动画阴影的云层。 - 带有简单API的艺术和动画战争迷雾,可清除控制区域,国家或省的迷雾。 - 动画/厚实/光滑的国家边界!使用示例纹理或使用自定义颜色,宽度和图案添加自己的纹理 - 弯曲贴图模式。 - 日/夜循环。 - 用于快速导航的可选小地图。 - 在2D3D视口模式之间平滑的运行时切换 -动态的国家和省标签以及对地形的自适应文本。 - 使用TextMesh Pro的带有弯曲文本的智能国家/地区标签放置算法! -画线系统,动画潇洒线支撑,显示路线,投掷弧,对地形路径,... - 代号/横幅支持。在地图上轻松添加滚动/闪烁消息。 ***地图功能*** ✔ 离线功能(不需要Internet连接): -WGS84数据包含国家和省的真实世界地图。包括国家FIPS 10-4,ISO A2,A3和N3标准代码。 -包括+4400个省,+ 7100个城市和+240个国家/地区的边疆。高和低范围的国家边界。 -城市按正常城市,区域和国家首都分类。 ✔ 在线和离线地图图块系统支持放大到街道级别。包括缓存和图块下载助手。开箱即用支持OpenStreetMap,Stamen,Carto,Wikimedia,ThunderForest,OpenTopoMap,MapBox,Sputnik和AerisWeather服务(服务可能需要特殊许可)。能够连接到自定义切片服务器。 ***其他地图功能*** -地图编辑器,用于创建或修改国家,省和城市,包括一个区域导入器工具,该工具可根据颜色纹理自动创建边界。 - 地图生成器:使用一些滑块,选项和按钮创建包括国家和省边界,城市,随机名称和纹理(高度图,背景纹理,水面罩等)的随机世界地图! -根据需要自定义地图:在设计或运行时,更改纹理或水/雾的颜色,将纹理添加到省或国家,或对其进行颜色填充。 - 安装点支持。在地图上定义位置,类型和自定义属性,以定义自己的战略/地标,以便在游戏中轻松地将其用于定位单位,建筑物,控制区域,...- 在运行时合并/征服地图区域。 ***网格和寻路功能*** - 六角形网格针对低顶点数和最高帧速率进行了优化。对任何单元进行颜色/纹理处理。像眨眼,闪烁,淡出一样的单元效果。 - 基于A *算法的路径寻找引擎,用于单位移动。为您的单位分配地形功能,它们将自动采用最佳路径。可以根据世界位置,国家间(风险样式),省间或六角形网格(经典策略游戏)来计算路径。 -定义每个像元或每个边的像元穿越成本。 -道路。 *** 交互功能*** - 完全交互式的地图和触摸兼容:缩放,平移,滚动,捏缩放等 。-强大的突出显示系统,用于选择国家和省份。 - 以自定义速度和缩放级别飞往任何国家,省,城市,位置。关闭缩放到特定的国家(地区)/省/地区,使其充满整个屏幕。 -使相机自动跟随地图上的任何单位。 - 无限滚动选项(环绕) - 矩形选择。单击并拖动以绘制矩形以选择单位。 ***开发人员功能*** -易于使用的文档化API,用于在地图上进行单位定位,选择和移动(基于纬度/经度,平面/ 2D坐标或国家/地区/城市名称的位置)。 - 一行代码移动台在根据地形能力(水,陆,空单位),地形成本,抬高约束等地图 - 自定义属性为国家,省,市,挂载点,网格单元和游戏单位。JSON支持。 -计算器。从纬度/经度转换为平面坐标,反之亦然。 - 全面的文档(91页手册)。 - 42个演示场景加上展示关键功能的Youtube教程和示例视频。 -包含100%C#源代码。 -Unity 2018.4+和2019兼容
World Map 2D Edition 2添加到您的场景一个美丽的,可定制和互动的二维政治地图只需点击几下。将地图预设拖到场景中,然后自定义外观。 这个新的主要版本改进了视觉效果,并支持标准/内置和LWRP。所有的新特性和改进都将包含在这个版本中,而以前的版本只会收到修复。 主要特点: *按程序绘制了241个国家、4112个省和州的边界,以及世界上7144个人口最多的城市的位置! *完全交互式地图:缩放、平移、选择,当您将鼠标放在国家、省/州和城市上时,它们会高亮显示。 *视口渲染目标(支持裁剪,请参见下面的视频演示) *支持透视投影和正交投影 *使用经纬度在任何国家、省、市或自定义位置添加标记和线条动画 *可以实例化并由代码控制(提供API和文档)。 自定义编辑器检查器,4个额外的可怕组件: *计算器:从纬度/经度到XY坐标的单位转换和城市距离计算器。 *滚动、闪烁和淡出信息。 *装饰:定制国家外观(颜色,纹理,标签)。 *地图编辑器:使用先进的工具(创建/修改/重塑/合并国家、省、市…)在Unity编辑器中构建您需要的地图 附加功能: -三类城市,包括国家和地区首府。 -使用放置选项自动绘制国家/地区标签。 -给国家、省/州或整个大陆上色! -各国纹理支持! -从当前位置找到并顺利飞往任何国家、州或城市。还可以通过纬度/经度定位/飞到地图中的任何位置。 -挂载点:从编辑器中添加您的自定义战略位置,并在其上轻松查找/导航/定位对象。 -比例尺为110.00.000:1和30.000.000:1的两级边界详图。 -虚线:绘制纬度、经度和光标线。 -很多定制选项:边界颜色,高亮颜色,城市/边界/地球的可见性,标签。。。 -8种地球风格,从轻量级风格到高级风格,包括风景明暗处理(云+浮雕效果)和高分辨率纹理高达16K的自定义着色器。 -不需要互联网接入!资产中包含的地理数据,不使用谷歌地图或任何其他地图提供商。使它非常快和离线工作! -移动友好:在Android和iOS上测试。 -与Unity 2018.4+和2019兼容。 -与标准/内置和LWRP管道兼容。 -包含源代码(C#)。 -专门的支持论坛。
Android SDKv2.1.0是适用于Android系统移动设备的矢量地图开发包,也是v2.0.0的升级版本。 v2.1.0,功能介绍: 地图展示:包括2D图、卫星图、3D地图展示。 地图操作:提供平移、缩放、双指手势操作、底图旋转等地图相关操作。 自定义绘制:提供自定义绘制点、线、面基本几何图形的功能。 地图搜索:提供根据关键字进行范围检索、城市检索和周边检索。且支持LBS云检索用户自有数据。 详情查询:提供餐饮类的POI的详细信息查看(Place详情)。 线路规划:提供公交、驾车和步行三种类型,多种方案(不含地铁、时间优先、最少换乘、最少步行)的线路规划。 地理编码:提供地址信息与坐标之间的相互转换。 位置标注:提供一个或多个POI位置标注,且支持用户自定义图标。 实时路况:提供城市实时交通路况信息图。 离线地图:提供离线地图功能,可节省用户流量。 定位:采用GPS、WIFI、基站、IP混合定位模式,请使用Android定位SDK获取定位信息,使用地图SDK定位图层进行位置展示。 较之v2.0.0,升级功能: 新增:  地图截图(getCurrentMap),返回bitmap图片  添加自定义View  自定义线路绘制(customizeRoute):根据起/终点、关键点绘制  点、线、面基本几何图形绘制(Geometry、Symbol、Graphic、GraphicsOverlay)  3D视角控制接口(setOverlooking、setRotation)  Popupoverlay多区域支持  添加市级离线数据检索(getOfflineCityList) 优化:  刷新Overlay闪动  反/地理编码服务优化  高比例尺轨迹球滚动优化 修复:  修复屏幕480*320分辨率地图字体过大  修复scrollView滚动黑屏  修复TabHost切换问题  修复ItemizedOverlay onTap(GeoPoint p, MapView mapView)错误  修复2.2系统pop图片在hdpi文件夹下显示错误问题  修复多mapView切换,路线overlay相互影响  修复省级离线数据大小错误 更多详细信息,请参考官网的开发指南及Demo示例代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值