开发者社区> 杰克.陈> 正文

PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例

2015-01-08 1229

简介： 原文: PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例环评项目定位 translateCallback = function (point){ //转换坐标 map.

+关注继续查看

原文: PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例

<!--小幅的坐标转换点位程序-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<?php
	
	$jingwei="new BMap.Point($longitude,$latitude);";
	//$jingwei="new BMap.Point(116.12511,39.72228);";// 测试用的
	
?>
<title>环评项目定位</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript" src="http://dev.baidu.com/wiki/static/map/API/examples/script/convertor.js"></script>  <!--引用用坐标转换脚本-->
</head>
<body>	
	<div style="width:700px;height:250px;margin-left: auto;margin-right: auto;border:1px solid gray"id="container"></div>
</body>
</html>
<script type="text/javascript">
translateCallback = function (point){ //转换坐标
    map.clearOverlays();
	
    var marker = new BMap.Marker(point); //创立坐标点	   
	map.addOverlay(marker); //加入标注
	
    map.setCenter(point);//将传来的点值设为中心点	
    marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
	
	
	map.centerAndZoom(point,15); //设置中心点
	map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件
	map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
	map.addControl(new BMap.MapTypeControl());          //添加地图类型控件
	map.setCurrentCity("房山");          // 设置地图显示的城市 此项是必须设置的
	map.enableScrollWheelZoom(true);//鼠标缩放
}


var map = new BMap.Map("container",{mapType: BMAP_NORMAL_MAP});      //设置普通地图为底图
var gpsPoint = <?php echo $jingwei?>//将PHP的经纬度值传给JS
    BMap.Convertor.translate(gpsPoint,0,translateCallback);//调用坐标转换函数

</script>

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

Web App开发 JavaScript 定位技术 API PHP

PHP API API php API实例 JavaScript API JavaScript PHP

开发者社区 > 开发与运维 > 文章

云迁移中心

作者高分内容

更多

浅谈SQL Server内部运行机制 2362 【.NET Core项目实战-统一认证平台】第十章授权篇-客户端授权 2825 基于Token认证的多点登录和WebApi保护 2666 一文读懂阻塞、非阻塞、同步、异步IO 4579 如何构建高性能MySQL索引 1933

相关文章

游客ruqdfvh2iuyqc

js获取屏幕上圆和椭圆的点坐标

js获取屏幕上圆和椭圆的点坐标

48 0

欧阳呀

javascript 代码技巧 (四) —— javascript获取坐标/滚动/宽高/距离

笔记

39 0

程序猿v

js：事件对象中的7种坐标

js：事件对象中的7种坐标

17 0

1474418023075726

js获取元素到文档区域document的(横向、纵向)坐标的两种方法

js获取元素到文档区域document的(横向、纵向)坐标的两种方法

77 0

游客nilbojqjhu5fm

Python调用百度API 实现地理位置经纬度坐标转换

经纬度坐标转换最常见办法就是调用第三方 API，例如百度、高德地图等服务平台，提供了相应的功能接口，它们的这类技术已经非常成熟啦，准确稳定，关键还是免费的 ~，本期教程以百度为例(高德的用方类似)，介绍一下其用法

161 0

张中华

《JS原理、方法与实践》- canvas作图（六）- 坐标操作

《JS原理、方法与实践》- canvas作图（六）- 坐标操作

41 0

张中华

《JS原理、方法与实践》- canvas作图（二）- 组合、剪切、坐标检测

《JS原理、方法与实践》- canvas作图（二）- 组合、剪切、坐标检测

72 0

咖啡机（K.F.J）

JavaScript中尺寸、坐标

测试环境是IE8，Chrome38，Firefox40，下面是全局通用脚本打印代码

55 0

程序员诗人

JS如何模拟鼠标点击X,Y坐标

现在我有个窗口坐标X,Y. 如何利用JS点击该坐标? document.body.onclick = function(){ e = arguments[0]; var dt = e.

1930 0

bigwhite大白

java、js实现百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/82684617 java、js实现...

2694 0

+关注

杰克.陈

一个安静的程序猿~

文章

问答

视频

作者高分内容

更多

浅谈SQL Server内部运行机制 2362 【.NET Core项目实战-统一认证平台】第十章授权篇-客户端授权 2825 基于Token认证的多点登录和WebApi保护 2666 一文读懂阻塞、非阻塞、同步、异步IO 4579 如何构建高性能MySQL索引 1933

文章排行榜

最热

最新

1 「开源人说」第五期 | KubeVela：一场向应用交付标准的“冲锋” 199279

2 一个业务前端关于成长的心路历程 64242

3 C语言 | 数据结构—约瑟夫环问题 58995

4 快速开发光伏电站数字孪生运维系统（一） 44683

5 使用 DataAnnotations（数据注解）实现模型的通用数据校验 43167

6 阿里云智能语音交互产品测评：基于语音识别、语音合成、自然语言理解等技术 41957

7 一文深度解读音视频行业技术发展历程 35748

8 Hive数据倾斜的原因以及常用解决方案 33200

9 高并发编程之阻塞队列 32762

10 Java的Stream操作详解 31673

11 Spring 事务【隔离级别与传播机制】 30516

12 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率 29515

13 计网之初识网络(理解网络传输的基本流程) 28031

14 Android体系课之--LeakCanary内存泄露检测原理解析 25947

15 零基础快速开发Vue图书管理系统—登录注册篇（一） 22692

16 IoT设备数据的存储、解析和价值挖掘实践 22661

17 【实战企业级Java二】渐进式理解Redis分布式锁 22540

18 IoT Studio 物联网可视化应用搭建开发实践 21328

19 虚拟数字人之《手语翻译官》的技术实践 19510

20 实现人机协同高稳定性，阿里云5G专网IoT方案入选工信部优秀解决方案 54136

1 OpenSearch上线实时热搜、个性化底纹功能 58

2 ChatGpt与EdgeGpt 129

3 JAVA中如何高效的实现SQL的like语法? 5843

4 RocketMQ x OpenTelemetry 分布式全链路追踪最佳实践 75

5 这才叫开箱即用！ 491

6 运维工程师工作时最常用的20个Linux命令有哪些？建议收藏 17678

7 玖章算术CEO叶正盛在杭州人工智能小镇AIGC论坛发表主题演讲 86

8 Linux基础IO【文件理解与操作】 16877

9 Flink 流批一体方案在数禾的实践 7444

10 超丰厚奖池｜天池达人积分榜，有你而不凡！ 187

11 今天出门你查老黄历了吗？包括万年历在内的超多免费可用 API 推荐（一） 103

12 关于几天前出的 MinIO 敏感信息泄露漏洞，分享两种扫描方法 219

13 五分钟！获得轻量级的云原生应用控制平面 169

14 域名资讯 - XYZ注册局域名报告-2023年2月 70

15 数据备份浅谈 145

16 ChatGPT软件技术栈解密 91

17 阿里云com和cn域名注册代金券免费领取 95

18 灵魂一问：一个Java文件的执行全部过程你确定都清楚吗？ 59

19 简要聊聊UNIX,MINIX,LINUX,BSD的区别与特质 27377

20 Flink Table Store 独立孵化启动，Apache Paimon 诞生 537

相关课程

更多

使用API扩展应用功能

1400

2

去学习

JavaScript 自学手册文档教程

3239

65

去学习

JavaScript入门与实战

19244

52

去学习

体验-K8S API 基础及Pod 基本应用

849

1

去学习

PHP完全自学手册文档教程

9441

88

去学习

PHP进阶教程 - 由浅入深掌握面向对象开发 - 第二阶段

144

33

去学习

相关电子书

更多

CUDA Math API

立即下载

阿里云 API 精选手册（Alibaba Cloud API Playbook）

立即下载

重保场景及API安全指南

立即下载

相关实验场景

更多