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

简介: 原文: 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>


目录
相关文章
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
1月前
|
API
egg.js 24.2写第一个api接口
egg.js 24.2写第一个api接口
71 0
|
3月前
|
JSON API 数据格式
您可以在钉钉开放平台的API文档中找到对应的API接口来创建审批实例
您可以在钉钉开放平台的API文档中找到对应的API接口来创建审批实例【1月更文挑战第20天】【1月更文挑战第96篇】
43 2
|
3月前
|
安全 关系型数据库 PHP
百度搜索:蓝易云【php适合做erp吗?】
虽然PHP在ERP开发中具有很多优势,但在实际开发中还需要根据项目的具体需求和规模来选择合适的技术栈和架构。ERP系统通常是复杂的,需要综合考虑数据库设计、安全性、性能等因素。因此,在开发ERP系统时,建议仔细规划和设计,充分了解业务需求,并选择适合的技术和开发工具来实现一个稳定、高效、安全的ERP系统。
31 0
|
3月前
|
JSON API 数据格式
您可以在钉钉开放平台的API文档中找到对应的API接口来创建审批实例
您可以在钉钉开放平台的API文档中找到对应的API接口来创建审批实例【1月更文挑战第9天】【1月更文挑战第41篇】
129 2
|
3月前
|
API 网络安全
调用钉钉的API获取审批实例ID列表时返回的结果为
调用钉钉的API获取审批实例ID列表时返回的结果为【1月更文挑战第5天】【1月更文挑战第21篇】
36 1
|
4月前
|
存储 算法 安全
百度搜索:蓝易云【php几种常用的加密解密算法】
请注意,以上算法都有各自的特点和用途,选择合适的加密解密算法应根据具体需求和安全性要求。此外,加密只是数据保护的一部分,安全实现还应考虑其他因素,如密钥管理、访问控制和安全传输等。
58 0
|
3月前
|
分布式计算 JavaScript 前端开发
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
|
2月前
|
Web App开发 JavaScript NoSQL
深入浅出:构建基于Node.js的RESTful API
在当今快速发展的互联网时代,RESTful API已成为前后端分离架构中不可或缺的一部分。本文旨在为初学者和中级开发人员提供一个清晰、简洁的指南,详细介绍如何使用Node.js构建一个高效、可维护的RESTful API。通过结合实际案例,本文将从API设计理念出发,深入讲解如何利用Express框架及MongoDB数据库实现API的增删改查功能,同时探讨如何通过JWT进行安全认证,确保数据传输的安全性。此外,文章还将简要介绍如何使用Swagger生成API文档,使得API的测试和维护更加便捷。无论你是希望提升现有项目的API设计,还是想从零开始构建一个新项目,本文都将为你提供一条清晰的道路
|
1月前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
34 0