js调用天地图api

在网上随便找了一个例子:

 $submit.on('click',function(){var key=$(".key").val();var poiajaxurl='http://api.tianditu.gov.cn/search?postStr={"keyWord":"超市","level":"15","mapBound":"116.40466,39.90684,116.45016,39.93138","queryType":"3","pointLonlat":"116.42844,39.92314","queryRadius":"1000","count":"20","start":"0"}&type=query&tk='+tiandituKey$.ajax({url: poiajaxurl,type: "get",dataType: "jsonp",success: function(res) {console.log(res);// 【【【此objectIdsArr最为重要，分页、总数全靠它】】】//objectIdsArr = res.objectIds;}});})

调用天地图的api，但是在浏览器控制台出现这个错误:

错误原因:

原来是因为我在调用的时候ajax里面用了一个dataType="jsonp"

但是返回的数据的格式是json

所以会出现上面的错误

解决办法，将dataType="jsonp"修改json

这样就可以调通了

希望对你有所帮助

js调用天地图api相关推荐

arcgis api js调用天地图
在arcgis api for js中仅有的basemap有"streets" , "satellite" , "hybrid", &quo ...
JS调用百度api接口——实现简单的百度页面
描述: JS调用百度api接口--实现简单的百度页面效果: 实现: css文件: @charset "utf-8"; /* CSS Document */ *{margin: 0 ...
uni-app中使用native.js调用android API实现双卡发送短信
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.H5.以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台官网地址因 ...
Cartopy调用天地图API，在服务器端实现。并解决调用出现的：418问题
目录获取天地图api 在[官网](https://www.tianditu.gov.cn/)注册并申请地图api 编辑所需代码在python中使用方法一:以函数形式嵌入代码(一次性) 方法二:配 ...
前端js调用后端API获取数据的三种方法（2022.7.25）
前端js调用后台API获取数据的三种方法(2022.7.25) 前言需求分析一个Get实例浏览器请求 SoapUI软件请求一个Post实例浏览器请求 SoapUI软件请求 1.Http简介( ...
调用天地图API实现关键词搜索
概述: 本文讲述结合天地图 js API,实现Openlayers中关键词的搜索与展示. 效果: 实现关键: 调用天地图APILocalSearch接口,实现关键词搜索,调用方式为:localsear ...
js调用高德API获取所在当前城市
可以在js代码中直接调用API接口,获取所处当前城市信息,代码如下: <script type="text/javascript">function getCurren ...
JS调用微信API实现微信支付
最近在做微信公众号开发,在微信支付上遇到一些问题,困惑了3天,今天终于搞定.期间要感谢一些大神的帮助,趁热下面分享一下我的经验. 在实现微信支付之前,需要到微信开发平台认证,这些认证和配置信息我就不多 ...
原生Js调用Fetch Api请求接口（新的Ajax解决方案）
Fetch Api Fetch Api是新的ajax解决方案,Fetch会返回Promise:Fetch不是ajax的进一步封装,而是原生js,没有使用XMLHttpRequest对象. 前端与后端交 ...

js调用天地图api

js调用天地图api相关推荐

最新文章

热门文章