百度坐标转换API使用

http://api.map.baidu.com/geoconv/v1/?coords=121.54759,29.870724&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBn

前提:121.54759,29.870724 是由手机硬件或谷歌地图获取的


错误的方法一:

function standard2china(lng,lat){//http://api.map.baidu.com/geoconv/v1/?coords=121.54759,29.870724&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBnvar apiurl="http://api.map.baidu.com/geoconv/v1/?coords="+lng+","+lat+"&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBn";$.ajax({url:apiurl,type:'get',success:function(data){console.log(data);}});		
}

会提示错误:No 'Access-Control-Allow-Origin' header is present on the requested resource.

这是跨域问题,见:http://blog.csdn.net/zengmingen/article/details/51321758


错误方法二:

知道了跨域问题,解决要用dataType:'jsonp'

function standard2china(lng,lat){//http://api.map.baidu.com/geoconv/v1/?coords=121.54759,29.870724&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBnvar apiurl="http://api.map.baidu.com/geoconv/v1/?coords="+lng+","+lat+"&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBn";$.ajax({url:apiurl,type:'get',dataType:'jsonp',success:function(data){console.log(data);}});		
}
不提示报错,但是返回结果是百度的js文件内容:




正确方法:

百度demo:http://developer.baidu.com/map/jsdemo.htm#a5_2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=sGSOaO07WkRHHiCRxxbSQVBn"></script><script type="text/javascript">abc();function abc(){var x = 121.5473;var y = 29.87061;var ggPoint = new BMap.Point(x,y);var convertor = new BMap.Convertor();//坐标转换完之后的回调函数translateCallback = function (data){if(data.status === 0) {for (var i = 0; i < data.points.length; i++) {var newPoint=data.points[i];		 console.log(newPoint.lng);console.log(newPoint.lat);}}}setTimeout(function(){var convertor = new BMap.Convertor();var pointArr = [];pointArr.push(ggPoint);convertor.translate(pointArr, 1, 5, translateCallback);}, 1000);}</script></head><body></body>
</html>





本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/539589.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java语言所有异常类均继承自_Java将运行错误分为两类:(__)和(__), 其对应的类均派生自(__)类;...

【单选题】设 x,y 均为已定义的类名,下列声明对象x1的语句中正确的是( )【判断题】构造函数的方法名可以由编程人员任意命名。【单选题】能够实现对原文的鉴别和不可否认性的认证技术是( )。【单选题】设有定义语句int a[]{66,88,99}; 则以下对此语句的叙述错误的是( )。【判断…

Quartz业务类无法注入Spring对象问题

tags: 解决错误, titile: Quartz业务类无法注入Spring对象问题 Quartz业务类无法注入Spring对象问题 在刚开始遇到的时候还以为是Spring配置哪里错误了&#xff0c;结果搞了那么久&#xff0c;才知道Quartz与Spring注入对象是不关联的。。 因为Quartz的业务Job对象是由Quartz来…

如何解决ajax跨域问题

原文&#xff1a;http://www.congmo.net/blog/2012/06/27/ajax-cross-domain/ 跨域问题 起 因是这样的&#xff0c;为了复用&#xff0c;减少重复开发&#xff0c;单独开发了一个用户权限管理系统&#xff0c;共其他系统获取认证与授权信息&#xff0c;暂且称之为A系统&#xf…

spring bean创建细节

1) 对象创建&#xff1a; 单例/多例 scope"singleton", 默认值&#xff0c;即默认是单例【service/dao/工具类】 scope"prototype", 多例&#xff1b;【Action对象】 2) 什么时候创建? scope"prototype" 在用到对象的时候&#xff0c…

发送邮件程序报错454 Authentication failed以及POP3和SMTP简介

一、发现问题 在测试邮件发送程序的时候&#xff0c;发送给自己的QQ邮箱&#xff0c;程序报错454 Authentication failed, please open smtp flag first。 二、解决问题 进入QQ邮箱——>设置——>账户——>POP3/IMAP/SMTP选择——>开启POP3/SMTP服务。 三、POP3和S…

MySQL数据库是非关系_MySQL(数据库)基础知识、关系型数据库yu非关系型数据库、连接认证...

什么是数据库&#xff1f;数据库(Database)&#xff1a;存储数据的仓库高效地存储和处理数据的介质(介质主要是两种&#xff1a;磁盘和内存)数据库系统&#xff1a;DBS(Database System)&#xff1a;是一种虚拟系统&#xff0c;将多种内容关联起来的称呼DBS DBMS DBDBMS&…

WPF 使用MahApps.Metro UI库

http://www.cnblogs.com/happyyftk/p/6904766.html 本文示例源码下载&#xff1a;MetroWPF 官方示例地址&#xff1a;http://mahapps.com/guides/quick-start.html 官方控件示例地址&#xff1a;http://mahapps.com/controls/ MahApps.Metro 项目源码&#xff1a;https://githu…

SpringIOC容器-创建对象

SpringIOC容器&#xff0c;是spring核心内容。功能&#xff1a;创建对象&#xff0c;处理对象的依赖关系 IOC容器创建对象&#xff1a; 创建对象, 有几种方式&#xff1a; 1&#xff09; 调用无参数构造器 2&#xff09; 带参数构造器 3&#xff09; 工厂创建对象 工厂类&…

java注释搞笑图案_搞笑的代码注释,那些有趣的程序员

发表于 2019-04-24 16:11:26 by 月小升搞笑/**** .::::.* .::::::::.* ::::::::::: F*CK YOU* ..:::::::::::* ::::::::::::* .::::::::::* ::::::::::::::..* ..::::::::::::.* ::::::::::::::::* ::::::::::::: .:::.* :::: ::::: .::::::::.* .:::: :::: .:::::::::::.* .::…

SpringIOC容器-对象依赖

1 概述 Spring中&#xff0c;如何给对象的属性赋值? 【DI, 依赖注入】 1) 通过构造函数 2) 通过set方法给属性注入值 3) p名称空间 4) 自动装配 5) 注解 1.1 通过构造函数 <!-- ###############对象属性赋值############### --><!-- 1) 通过构造函数 --><be…

f5长连接策略

但是把这些短连接汇聚到一起&#xff0c;集中F5的设备上&#xff0c;通过F5与服务器建立平滑的长连接&#xff0c;就解决了不断增大的并发连接。比如说前台有15万个并发连接&#xff0c;经过F5的优化&#xff0c;在服务器上只有不到5000个并发连接&#xff0c;而且在此过程中&a…

pdo-mysql_PHP: MySQL (PDO) - Manual

PDO::MYSQL_ATTR_USE_BUFFERED_QUERY(int)Если этот атрибут установлен в true вPDOStatement, MySQL-драйвербудет использовать буферизованные версии API MySQL.Если вы пишете пе…

Spring IOC容器【p名称空间注入属性值 】

# p 名称空间给对象的属性注入值(spring3.0以上版本才支持) 需要引入&#xff1a; xmlns:p"http://www.springframework.org/schema/p" 举例 applicationContext.xml <?xml version"1.0" encoding"UTF-8"?> <beans xmlns"http…

Spring properties定义bean

2019独角兽企业重金招聘Python工程师标准>>> Spring提供了丰富的标签和注解来进行bean的定义&#xff0c;除此之外框架来提供了扩展机制让使用可以通过properties来定义bean&#xff0c;与强大的标签式和注解式的bean定义相比&#xff0c;properties提供的规则要简单…

Spring IOC容器-自动装配

1 autowire"byName" 根据名称自动装配&#xff0c;自动去IOC容器中找与属性名同名的引用的对象&#xff0c;并自动注入。 <!-- ###############自动装配############### --> <bean id"userDao" class"d_auto.UserDao"></bean&g…

linux下C++遍历文件夹下的全部文件;Windows/Linux下C++批量修改文件名,批量删除文件...

Linux下 C遍历目录下所有文件 1 rename(image_path.c_str(), image_path_new.c_str()); 2 remove(image_path_move.c_str()); 上述批量操作的代码是在linux下的参数设置&#xff1a; rename的参数&#xff0c;image_path为原文件的路径文件名&#xff0c;image_path_new为文件…

mongodb java 单例_Java单例MongoDB工具类

我经常对MongoDB进行一些基础操作&#xff0c;将这些常用操作合并到一个工具类中&#xff0c;方便自己开发使用。没用Spring Data、Morphia等框架是为了减少学习、维护成本&#xff0c;另外自己直接JDBC方式的话可以更灵活&#xff0c;为自己以后的积累留一个脚印。Java驱动版本…

Spring IOC容器-注解的方式

注解方式可以简化spring的IOC容器的配置&#xff0c;但不利于后期维护&#xff0c;对象之间的依赖关系不能像xml文件一样方便查阅&#xff0c;一目了然。 注解可以和XML配置一起使用。 使用注解步骤&#xff1a; 1&#xff09;先引入context名称空间 xmlns:context"htt…

前端请求进化之路--从form表单到JSONP

简单梳理前端请求的变迁史&#xff0c;着重对JSONP进行整理 请求演变 使用form表单提交请求&#xff0c;缺点是每次提交必定会刷新页面在1基础之上使用iframe进行局部刷新&#xff0c;用户体验得到一定优化动态创建图片提交请求 注意请求与返回内容类型须一致每次必须返回图片较…

Spring IOC容器-注解的方式【更简化】

----更加简化的版本 UserAction.java import javax.annotation.Resource;import org.springframework.stereotype.Component; import org.springframework.stereotype.Controller;//Component("userAction") // 加入IOC容器//ComponentController // 控制层的组件…