百度地图的一些简单使用

百度地图（Baidu Map）是为用户提供包括智能路线规划、智能精准导航（驾车、步行、骑行）、实时路况、等出行相关服务的平台。
百度地图作为新一代人工智能地图，秉持”科技让出行更简单“的品牌使命，以"科技"为手段不断探索创新。伴随AI时代的到来，百度地图不仅实现了语音交互覆盖用户产品使用全流程，还上线了AR步导、AR导游等实用功能，且地点信息丰富，更加方便用户的出行。2019年9月，百度地图全新发布“百雀灵计划”，上线全球首个地图语音定制功能，让用户出行更具个性化。（转载）
现在我们的日常生活很多都离不开地图，例如美团，饿了么这些外卖软件和滴滴，曹操这些打车软件都是离不开地图和导航的，还有当代年轻人的出行也基本离不开地图。
下面来说说使用:
第一步：搜索百度地图并打开
第二步: 找到地图下方的地图开放平台
如下图：

第三步：找到开发文档点击然后点击JavaScriptapi找到开发指南根据它来进行使用（开发指南非常详细我就不多做介绍了）
下面是我做的一些简单的使用：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><title>Document</title><style type="text/css">html {height: 100%;}body {height: 100%;margin: 0px;padding: 0px;}#container {height: 100%;}</style></head><body><div id="container"></div><scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=这里写你自己的密钥，我的就不透露了"></script><script>// 创建地图实例var map = new BMap.Map("container");// 创建点坐标并且初始化地图，设置中心点坐标和地图级别map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);map.addControl(new BMap.NavigationControl());// 平移缩放控件map.addControl(new BMap.ScaleControl());// 比例尺map.addControl(new BMap.OverviewMapControl());// 缩略地图map.addControl(new BMap.MapTypeControl());// 地图类型map.setCurrentCity("北京");var mapStyle = { style: "midnight" };//夜间模式map.setMapStyle(mapStyle);map.enableScrollWheelZoom(true);//开启鼠标滚轮缩放</script></body>
</html>

效果如下：

其实还可以根据个人兴趣去设计地图我在这就不多介绍了，想了解的可以自己去试试看！！

百度地图的一些简单使用相关推荐

通过百度地图api实现简单经纬度输入定位（安卓端）
老师居然检查作业了!因为之前做过一点,熬夜做了一下,太久没搞安卓了,感觉之前学的全忘了:(. 功能演示老师的要求是实现输入经纬度,在地图中显示该坐标位置信息通过网上经纬度查询系统查得桥楼餐厅经纬度 ...
百度地图sdk的简单应用
最近研究了很多的第三方sdk,今天稍微简单的研究下百度sdk,打个基础,做个记录,方便以后深入研究, 本文主要实现百度地图基本的类型和定位自己的位置功能最终效果图如下: 进入界面后,会自动定位到自己 ...
Android Studio+百度地图API实现简单gis移动端App
实习说明: 由于很多内容网上都是详细说明,但是我在帮助同学们解决问题过程遇到许多奇怪的问题,花了很多时间去解决,网上查不到,所以值得我记录下来,让后面的学弟学妹节省大部分时间!!同时我也会将该文章发布 ...
Android开发之百度地图定位以及简单覆盖物的实现
直接上代码: 先看下效果图: 我这里主要做了三个功能: 1.一秒钟实时定位功能: 2.添加任意经纬度地点到地图上: 3.判断朝阳门是否在本人定位范围1000米内: 百度地图初始化方法: DemoApp ...
Android百度地图和人人网简单的应用（获取路线，分享到人人）
现在很多知名网站为广大开发者提供了开放平台,像百度,人人网等等!这里是我根据百度官方提供的百度地图的一个示例,自己写的一个小程序,有如下功能: (1) 定位当前位置(没使用GPS,定位快, ...
百度地图API 一些简单方法
<!--div width="300px">请输入:<input type="text" id="suggestId" s ...
百度地图API开发指南
百度地图API开发指南本文为百度地图API官方版本的开发指南,供各位51CTO的网友进行参考. 简介什么是百度地图API? 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮 ...
前端项目中使用百度地图api，含实例
前言一.使用百度地图接口的步骤二.简单例子 1.第一个地图 2.控件 3.静态/动态添加点圈线面 4.文字标注.信息窗口 5. Web服务API-IP定位服务 6.Web服务API-地点检索服务 ...
利用百度地图API制作房产酒店地图
摘要: 想亲手制作一张酷讯.去哪儿.安居客.链接地产那样的房产.酒店地图麼?那赶快来学习吧.(以酷讯为例,如下图) 更多成功案例请点击:http://dev.baidu.com/wiki/map/in ...

百度地图的一些简单使用

百度地图的一些简单使用相关推荐

最新文章

热门文章