php百度地图创建应用程序,使用百度地图API创建第一个电子地图
一、百度地图API是一套为开发者免费提供的基于百度地图的应用程序接口,包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本,提供基本地图、位置搜索、周边搜索、公交驾车导航、定位服务、地理编码及逆地理编码等丰富功能。
二、在调用百度地图API的时候我们需要申请密钥,方法如下:
首先注册一个百度账号,打开百度地图开放平台(http://lbsyun.baidu.com/index.php),在导航栏下方的功能与服务中选择地图,选择获取密钥:
在创建应用是我们需注意一下几点:应用类型的选择、启用的服务以及检验方式,应用建好以后如下图:
3. 密钥的申请可参考网址 :http://lbsyun.baidu.com/index.php?title=subway/guide/getkey
三、 创建电子地图
(2)定义地图的大小和位置
(3)添加个人标注
第二步 获取代码
百度地图API自定义地图
地图生成工具基于百度地图JS api v2.0版本开发,使用请申请密匙。
了解如何申请密匙
申请密匙
//创建和初始化地图函数:
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
addMapOverlay();//向地图添加覆盖物
}
function createMap(){
map = new BMap.Map("map");
map.centerAndZoom(new BMap.Point(106.97627,26.443649),11);
}
function setMapEvent(){
map.enableScrollWheelZoom();
map.enableKeyboard();
map.enableDragging();
map.enableDoubleClickZoom()
}
function addClickHandler(target,window){
target.addEventListener("click",function(){
target.openInfoWindow(window);
});
}
function addMapOverlay(){
var markers = [
{content:"工作室",title:"SharpFactory",imageOffset: {width:0,height:3},position:{lat:26.453078,lng:106.655557}}
];
for(var index = 0; index < markers.length; index++ ){
var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
})});
var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
var opts = {
width: 200,
title: markers[index].title,
enableMessage: false
};
var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
marker.setLabel(label);
addClickHandler(marker,infoWindow);
map.addOverlay(marker);
};
}
//向地图添加控件
function addMapControl(){
var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
map.addControl(scaleControl);
var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(navControl);
var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
map.addControl(overviewControl);
}
var map;
initMap();
四、 总结
在地图上我们添加了一个标注,鹰眼等。 实现后的效果如下图,这样我们就实现了第一个简单的地图API
php百度地图创建应用程序,使用百度地图API创建第一个电子地图相关推荐
- idea创建maven程序_使用Maven程序集创建漏洞评估工件
idea创建maven程序 本文将讨论如何使用Maven程序集创建可提供给第三方漏洞评估站点(例如Veracode )进行审查的工件. 错误的静态分析与漏洞评估 在这一点上,每个人都知道findbug ...
- uniapp使用高德地图微信小程序SDK生成地图轨迹
一文看懂微信小程序生成地图轨迹 一.开发准备 1.下载微信小程序SDK 2.高德控制台申请相关平台key 二.html页面展示地图标签 三.引入sdk及定义数据 四.相关方法(静态生成两个点之间的轨迹 ...
- html创建关联程序,如何在控制面板中创建电子邮件默认程序关联
星愿下的期盼的回答: 1.在电脑的左下角点击开始图标,然后找到[默认程序]功能并点击打开. 2.进入到默认程序界面后找到[将文件类型或协议与程序关联]并点击. 3.会打开设置关联界面,在[名称]一栏找 ...
- java hdfs创建文件_使用HDFS java api 创建文件出错。
//创建文件核心代码 public static void createNewHDFSFile(String toCreateFilePath, String content) throws IOEx ...
- 引用百度地图微信小程序JS API模块
1.原理 前百度和高德周边查询api的实现机制基本一致,都是使用request接口请求远程https接口,然后返回参数中位置的某种类型的周边信息,最后再把数据动态绑定到页面. 2. js 引入模块 在 ...
- wxWidgets:创建应用程序的 DLL
wxWidgets:创建应用程序的 DLL wxWidgets:创建应用程序的 DLL 问题 创建一个 wxWidgets DLL 应用程序,支持 GUI 头文件:wxWidgetsDLL.h 源文件 ...
- 怎么创建小程序?如何创建一个小程序呢?
怎么创建小程序?如何创建一个小程序呢?关于怎么创建小程序,是对于一些初次接触小程序或者是想拥有小程序的企业商家来说首先想要搞清楚的问题,其实创建小程序的方法很简单,下面就给大家简单介绍一下怎么创建小程 ...
- 《Ext JS 6.2实战》节选——使用Sencha Cmd创建应用程序
如果对Sencha Cmd不熟悉或没有了解过的,一定会很诧异为什么要用这个东西来创建应用程序,使用它又有什么好处呢?本章将会解答这些疑问,并介绍如何使用它来创建应用程序,以及应用程序创建后后如何开始进 ...
- 新手尝试编写微信小程序(1)——我的第一个微信小程序
微信小程序风靡全国已经好多年了,首先是微信小程序,后面百度等多个平台都发布了自己的小程序了,可我还从未尝试过开发一个玩玩,其实对于一个程序员而言,开发一个小程序实在不是什么难事情,所以今天就要聊此心愿 ...
最新文章
- 李彦宏说自动驾驶比人更安全,还认为中国用户更愿意放弃隐私
- 第2条 遇到多个构造器参数时要考虑构建器
- Spartan-6系列内部模块介绍之可配置逻辑模块(CLB)
- 低成本DIY视频预览遥控小车
- saiku docker配置部署_【安装教程】01 Gitea Docker 安装部署 - 【SkywenCode】技术团队基...
- XYZ DOWN-电子书
- Intel Hex概述
- 阿里巴巴王坚:用数据来改变世界
- Python 语言程序设计(1)
- excel换行快捷键_13个excel快捷键,学会他们,让你的1秒钟,抵得上同事的5分钟...
- 根据设计稿,用JS计算rem的值
- Qlik view 连接数据库
- 设备管理器中的usb打印支持有个叹号是什么意思,如何解决?
- Android自动更新时间去除WIFI无法连接互联网提示
- 【系统集成】002-信息系统集成与服务管理
- 夏普比率excel_在Excel中计算比率
- python元组:格式化字符串
- CE认证机构和CE证书的分类
- 指令cla与ins_CLA与DCO:有什么区别?
- DOS经典软件,落下帷幕,新型国产平台,蓬勃发展
热门文章
- 【常见问题】Waki_谢老师B站的HCNP/HCIP课程第27集的华为eNSP路由器配置问题——百兆口不能添加IP地址
- uniapp开发微信小程序弹窗自用封装
- 易语言lsp劫持_易语言如何制作LSP修复工具,用来解决网截模块问题.
- unity3d android jar,c# – 访问unity3d中的android jar
- html前端小知识:制作简单的纯文字图标按钮
- LVM(logical volume manager) 逻辑卷管理器
- 松散架构(Loosely Coupled Architecture)
- 获取新榜微信公众号指数信息,并服务器上部署
- MessageBox.Show()的使用
- Http状态码大全(200、404、500等)