百度地图在调用ajax的时候，拿到了返回的数据以后为什么没办法在地图上显示出来，各位大神帮忙看看代码

月上谷 2017-09-06 05:07:07

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
#l-map{height:500px;width:100%;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2125f92498eb27421b044033f96c2725"></script>
<title>b页面</title>
</head>
<body>
<div id="l-map"></div>
<div id="r-result">
<input type="button" onclick="showOver()" value="显示" />
<input type="button" onclick="hideOver()" value="隐藏" />
</div>
<script src="jquery-3.2.1.min.js"></script>

<script type="text/javascript">
$(function(){
$.ajax({
type: 'get',
data: '',
url: 'http://119.29.218.203:20770/GetLagLat.asmx/GetTrackRT',
dataType: 'json',
success:function(res){
for(var i = 0;i<res.length;i++){
var item = res[i];
var VehId = item.VehId;
var VehNo = item.VehNo;
var Latitude = item.Latitude;
var Longitude = item.Longitude;
}
}
})
})
// 百度地图API功能
var map = new BMap.Map("l-map");
var point = new BMap.Point(Latitude, Longitude);
map.centerAndZoom(point, 15);

var marker = new BMap.Marker(new BMap.Point(Latitude, Longitude)); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中

var polyline = new BMap.Polyline([
new BMap.Point(116.399, 39.910),
new BMap.Point(116.405, 39.920),
new BMap.Point(116.425, 39.900)
], {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5});
map.addOverlay(polyline); //增加折线

var circle = new BMap.Circle(point,500);
map.addOverlay(circle); //增加圆
hideOver();

function showOver(){
marker.show(); polyline.show(); circle.show();
}
function hideOver(){
marker.hide(); polyline.hide(); circle.hide();
}
</script>
</body>
</html>

...全文

639 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

月上谷 2017-09-21

打赏
举报

回复

我在设置了一个函数以后，把百度地图和ajax都放在一起的时候，百度地图就没法显示了，这个怎么解啊······求解

dengchenlu 2017-09-21

打赏
举报

回复

你这百度的代码为什么放AJAX外面了

月上谷 2017-09-11

打赏
举报

回复

我要在网页上动态的显示几个坐标点，但是现在渲染不出来；也就是我从后台获取到的数据想要渲染到页面出不来，想问一下这个数据获取到了怎么在页面上显示；调用map对象实在哪里面调用的

Go 旅城通票 2017-09-08

打赏
举报

回复

引用 2 楼 weixin_37839390 的回复:

就是success里面的数据获取到了但是无法填充到地图里面，给我详细的说说呗

你要生成什么东东，不是调用map对象的相关方法添加就行了

月上谷 2017-09-08

打赏
举报

回复

就是success里面的数据获取到了但是无法填充到地图里面，给我详细的说说呗

Go 旅城通票 2017-09-06

打赏
举报

回复

那不是在success里面按照平时的代码怎么加就怎么加就行了

Web开发学习资料推荐
配置chrome支持本地（file协议）ajax请求
ajax对象属性withCredentials

在纯Flutter开发过程中遇到需要调用原生功能的时候，能够快速定制属于自己或者公司的私有插件- Plugin。课程一共氛围两部分： 1、Flutter插件跟iOS的交互部分：包括调用iOS原生页面、如何使用iOS的framework二进制...

jQuery提供了load方法可以将数据加载到页面form表单中，但有时候我需要获取后台json数据中某个值时，又需要赋值整个form表单，load方法没有回调函数所以就不行了，如果用ajax调用的话，获得后台json数据后把json数据分析出来在一个个的赋值到form表单的每个文本框中，这样未免太过复杂和太多代码，所以我根据了一些大神的回答，总结了一个很好用的jQuery函数。 jQuery-

jQuery提供了load方法可以将数据加载到页面form表单中，但有时候我需要获取后台json数据中某个值时，又需要赋值整个form表单，load方法没有回调函数所以就不行了，如果用ajax调用的话，获得后台json数据后把json数据分析出来在一个个的赋值到form表单的每个文本框中，这样未免太过复杂和太多代码，所以我根据了一些大神的回答，总结了一个很好用的jQuery函数。jQuery-lo...

关于ajax请求调用最近在写layui的ajax的调用，其实对于get方式的请求我还是熟一点点，但是对于post的请求方式我是比较陌生的，刚好今天做了一个注册登录的功能，用的也是公司的框架。再此记录一下我做的傻逼的问题。关于post的请求代码，我拿出我写的代码块吧，中间还让大神帮我看了一下，代码写的乱七八糟，没事。先写出来功能才是最主要的。 var risenusPhone = $("#r...

转：http://www.jb51.net/article/52342.htm 这篇文章主要与大家探讨下关于多个Ajax请求执行返回先后的问题,需要的朋友可以参考下有时候在一个业务事件处理流程上，可能会遇到点击了一个按钮或者其他事件触发了一个动作需要执行两个以上的Ajax请求，但是可能要顾虑到Ajax请求执行的先后顺序，有时候Ajax请求顺序出问题

52,797

社区成员

25,305

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章