基础演示案例一则：

因为此案例仅作为个人演示用，暂不公开百度开发者相关信息！敬请谅解。

效果图：

代码如下：

<!DOCTYPE html>
<html>
<head>  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>Baidu Map V1.2 添加缩放控件和比例尺</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=2.0&ak=8c***fc***llm7mex***PI83L***R7vv"></script>
</head>
<body><div id="container"></div>
<script type="text/javascript"> var map = new BMap.Map("container");          // 创建地图实例
var point = new BMap.Point(117.282699092, 31.8669422607);  // 创建点坐标
map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别 map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右上角，仅包含平移和缩放按钮/*缩放控件type有四种类型:BMAP_NAVIGATION_CONTROL_SMALL：仅包含平移和缩放按钮；BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮；BMAP_NAVIGATION_CONTROL_ZOOM：仅包含缩放按钮*///添加缩放控件和比例尺map.addControl(top_left_control);        map.addControl(top_left_navigation);     map.addControl(top_right_navigation); </script>
</body>
</html>

注意： 这里的ak=8c***fc***llm7mex***PI83L***R7vv是和开发者的信息绑定应用有关的代码！在百度地图后台申请设置即可。

以上就是关于 “ 百度地图demo基础组件演示 ” 的全部内容。

百度地图demo基础组件演示相关推荐

iOS百度地图 Demo
效果图一.环境设置 1.开发环境:Xocode 7.3.1 2.模拟器环境:iOS 9.3 3.iOS 9 之后不能直接使用 HTTP 进行请求,需要在 Info.plist 新增一段用于控制 AT ...
ueditor富文本编辑器使用百度地图自定义动态地图组件及兼容https及http协议
ueditor富文本编辑器默认支持百度地图组件,但是如果导入动态地图后会加很多默认的地图组件在上面.如果需要自定义动态地图的组件则需要修改ueditor特定的html. ueditor百度地图组件所在 ...
nuxt百度地图引入基础使用，百度地图初始化，行政区划划分
如何在nuxt项目中使用百度地图进入百度地图API 选择javascriptAPI,按照流程注册账号获取ak,复制ak 按照页面提示的,需要引入script标签这里我们打开nuxt项目中的nuxt ...
Android学习 - 百度地图开发基础
什么是百度地图API? 百度地图移动版API(Android)是一套基于Android 1.5及以上设备的应用程序接口,通过该接口,您可以轻松访问百度服务和数据,构建功能丰富.交互性强的地图应用程序. ...
百度地图 - demo
项目需要集成百度地图,那么关于如何集成百度地图的事,就自己去百度开放平台查看文档吧,这是非常简单的事,在这里就不多说了. 那么下面我就说说我在这个demo里所做的事. 首先,项目需要具备定位及计算两地 ...
百度地图 js 在安卓端手指缩放无效_利用百度地图绘制3D轨迹演示
简介百度地图很强大,也为开发者提供很好的开发接口.今天用3D地图上路线轨迹可视化的小功能. 使用第一步:申请ak ak申请介绍创建的时候选择浏览器端~ 第二步:填写ak 有了 ak 后,复制下面 ...
android百度定位代码,android开发:百度地图及定位的演示代码
//百度地图定位的代码,需要加载百度地图API的SDK LocationClient client = new LocationClient(mContext); LocationClientOpti ...
百度地图API基础操作--百度鹰眼篇
久等了,鹰眼教程差点忘了写,嘿嘿,现在补上,其实鹰眼在深度运用时还是挺难搞的,会遇到很多坑,这次由于时间有限,忙里偷闲只出了一个基本功能,包含轨迹上传.历史轨迹获取及绘制,深度运用的话,如果大家有需要 ...
Jquery Mobile 百度地图 Demo
首先非常感谢franck分享的Demo! Demo截图: 下面是franck对此Demo的说明: 原理: 1.通过百度拾取坐标系统获得点位的坐标. http://api.map.baidu.com/l ...

百度地图demo基础组件演示

基础演示案例一则：

效果图：

代码如下：

`注意：` 这里的`ak=8cfcllm7mexPI83LR7vv`是和开发者的信息绑定应用有关的代码！在百度地图后台申请设置即可。

百度地图demo基础组件演示相关推荐

最新文章

热门文章

百度地图demo基础组件演示

基础演示案例一则：

效果图：

代码如下：

注意： 这里的ak=8c***fc***llm7mex***PI83L***R7vv是和开发者的信息绑定应用有关的代码！在百度地图后台申请设置即可。

百度地图demo基础组件演示相关推荐

最新文章

热门文章

`注意：` 这里的`ak=8cfcllm7mexPI83LR7vv`是和开发者的信息绑定应用有关的代码！在百度地图后台申请设置即可。