php手机地图导航,PHP引用百度地图API制作一个地图导航
最近做了个项目,其中项目中有个需求需要用到百度地图进行导航,通过查阅相关资料参考百度地图api完成了一个例子。
示例一:
API地址:http://developer.baidu.com/map/jsdemo.htm#a1_2
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
地图展示
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom("西安", 5); // 初始化地图,用城市名设置地图中心点
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
map.setCurrentCity("深圳"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var point = new BMap.Point(116.404, 39.915);
var marker = new BMap.Marker(point); // 创建点
map.addOverlay(marker); //添加点
map.removeOverlay(marker); //删除点
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
//批量解析
var adds = ["长沙", "深圳", "香港", "郑州 ", "惠州", "南昌", "赣州", "中山", "阳江", "上海", "无锡", "南京"];
for (var i = 0; i < adds.length; i++) {
myGeo.getPoint(adds[i], function (point) {
if (point) {
var address = new BMap.Point(point.lng, point.lat);
var marker = new BMap.Marker(address);
map.addOverlay(marker);
var opts = {
width: 120, // 信息窗口宽度
height: 70, // 信息窗口高度
title: "项目信息" // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("查看详情", opts); // 创建信息窗口对象
marker.addEventListener("click", function () {
map.openInfoWindow(infoWindow,address); //开启信息窗口
});
}
}, "深圳市");
}
getBoundary("中国");
function getBoundary(sRegion) {
var bdary = new BMap.Boundary();
bdary.get(sRegion, function (rs) { //获取行政区域
var count = rs.boundaries.length; //行政区域的点有多少个
for (var i = 0; i < count; i++) {
var ply = new BMap.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: "#4A7300", fillColor: "#FFF8DC" }); //建立多边形覆盖物
map.addOverlay(ply); //添加覆盖物
}
});
}
效果如下:
示例二:
百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中: 现在新版本的需要密钥,下面用的是旧版的
显示广州火车站简单实例:
百度地图API的使用
function initialize() {
//创建地图实例
var map = new BMap.Map('map');
//创建一个坐标
var point =new BMap.Point(113.264641,23.154905);
//地图初始化,设置中心点坐标和地图级别
map.centerAndZoom(point,15);
}
window.onload = initialize;
地图上添加控件:
//添加控件
map.addControl(new BMap.MapTypeControl());
MapTypeControl ---------地图类型控件
CopyrightControl --------版权控件
ScaleControl --------比例尺控件
NavigationControl ------缩放控件
OverviewMapControl ----缩略图控件
创建标注:
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
创建信息窗口:
var infoWindow = new BMap.InfoWindow("I am here"); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point); //开启信息窗口
百度地图偏移量:
经度校正值: 0.008774687519;
纬度校正值: 0.00374531687912;
如果想要学习视频,交流讨论,请按照下图所示输入私信“申请加入”获取加群链接~~~
本文仅代表作者个人观点,不代表SEO研究协会网官方发声,对观点有疑义请先联系作者本人进行修改,若内容非法请联系平台管理员,邮箱cxb5918@163.com。更多相关资讯,请到SEO研究协会网www.seoxiehui.cn学习互联网营销技术请到巨推学院www.jutuiedu.com。
php手机地图导航,PHP引用百度地图API制作一个地图导航相关推荐
- Python下借助百度翻译API制作一个翻译pdf的小工具-01
出于需要经常会读一些英语的pdf文档,奈何英语太差只得借助机翻.每次都需要把pdf里的文档复制粘贴到翻译软件里,接着在把结果复制到word文档里,之间还需要排版什么的.今天突然发现百度翻译有一个公开的 ...
- 利用CSS浮动制作一个简易导航栏
初学CSS,利用CSS浮动和无序列表制作一个简易导航栏: <!DOCTYPE html> <html lang="en"> <head>< ...
- python+百度翻译api制作中英文互转的代码应用实例
本篇文章主要讲解,python+百度翻译api制作中英文互转的代码应用实例 作者:任聪聪 前提准备 1.python 3.9版本 2.注册百度翻译开发者 地址:https://fanyi-api.ba ...
- 【新手】基于C++Qt5通过调用百度翻译API制作简易翻译工具
基于C++Qt5通过调用百度翻译API制作简易翻译工具 目录 基于C++Qt5通过调用百度翻译API制作简易翻译工具 写在前面 步骤: 1.注册百度翻译开放平台账号并开通翻译服务 2.下载安装Qt5和 ...
- 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个果冻导航标签栏图标按钮效果~~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个果冻导航标签栏图标按钮效果~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: < ...
- android 跳转腾讯地图导航,Android 地图跳转到百度、高德、腾讯导航
项目中遇到的一个需求,跳转外部App进行步行导航.分别是百度.高德.腾讯. 东西不难但是每次都要去官方文档找(有时候会更新一些字段). 所以在此做下记录和分享. 腾讯地图 try { LatLng l ...
- 在线下载离线地图瓦片 (支持百度、高德和谷歌地图)
制作离线地图,下载百度矢量数据制作3D地图,下载离线地图数据,下载离线地图瓦片.支持三个主流地图数据(百度.高德和谷歌). 下载网址:http://wmksj.com/ 1. 点击"地图下载 ...
- 万能地图下载器与Oruxmaps完美结合制作离线地图
对于喜欢户外登山和需要野外寻线的朋友,由于野外没有网络,需要手持设备内的地图是离线地图,离线地图可以通过水经注万能地图下载器获取,今天以手机使用Oruxmaps为例,介绍如何制作Oruxmaps离线地 ...
- python作中国地图背景气泡图_exce表格中怎么制作中国地图背景数据气泡图
exce表格中怎么制作中国地图背景数据气泡图 exce表格中怎么制作中国地图背景数据气泡图?excel表格中想要在中国地图上显示气泡来看看地区分布情况,该怎么设置中国地图气泡图表呢?下面我们就来看看详 ...
- 使用百度天气API制作天气组件
这里写自定义目录标题 百度天气APi 百度API调用 处理思路 代码层面得实现 文件介绍 百度天气APi 目前百度天气API提供全国得实时查询,但是没有提供历史查询,在一些应用中需要天气模块,如果是和 ...
最新文章
- b2b2c源码 java_java B2B2C源码电子商务平台 ---搭建Eureka注册中心
- wordpress短代码转php,WordPress中的shortcode短代码功能使用详解
- AI当红娘,真的能帮你摆脱单身吗?
- Aspose.words 书签定位
- uva 10034 Freckles (kruskal||prim)
- 【小技巧】Xcode7.1中KSImageNamed无效的解决方法
- 解决element-ui的表格设置固定栏后,边框线消失的bug
- 国王的游戏(华东师范大学-信息学竞赛学教案)
- c2000 汇编语言指令,C2000系CMD文件的配置理解
- python网络编程知识点_python 网络编程要点
- vscode主题 webstorm_从 Emacs 和 Vim 到 VSCode
- centos6配置固定ip地址(选择桥接模式)
- 周末计划-20171028
- web 基本概念辨异 —— URI 与 URL
- linux中判断语句,Linux--shel的if判断语句--05
- 抖音快手vbs表白代码大全(操作方法)
- 计算机基础知识(上)(硬件篇)
- 苹果商店打不开怎么办_苹果手机迅雷版,iOS迅雷Beta内测版企业版安装下载
- amr java 播放_Java ME中.amr文件的语音或音频播放器
- wap实现手机充话费
热门文章
- python之dataframe写excel合并单元格_python之DataFrame实现excel合并单元格
- 【可见光室内定位】(三)基于图像传感器CMOS的可见光室内定位技术
- struts2配置细节
- Tensorflow 释放内存
- Python游戏编程(五)Tic Tac Toe
- 业务流程优化设计之思想和原则
- 科学养生:揭秘世界上最健康的作息时间表
- PLC|MCU|DCS|模拟信号|隔离变送器|0-5V|0-10V|4-20mA|0-1V|0-75mV|0-30mV|0-1mA|0-20mA|隔离放大器|采集隔离模块应用原理
- 移动端h5头像上传、头像裁切、上传图片
- 详细 C语言自增自减运算符区分 ++n和n++