google地图APi升级到第三版,网站的google地图引用也需要重新做,之前用的还是第一版的,还能用着也是个奇迹了。

用ashx从数据库中获取城市名称及城市经纬度,所以页面通过ashx获取的是城市名及经纬度的对应信息,用JSON格式字符串输出,用StringBuilder一块块拼出来的JSON字符串,然后是

context.Response.ContentType = "text/plain";
context.Response.Write(outputStr.ToString());输出,

HTML页面用jQuery.ajax(url,success);获取,dataType不填,如果填'json',能获取到输出但是success无法执行,因为获取的数据格式实际上是字符串,不是json格式,所以并不算成功,而不填的话会根据返回类型匹配吧,大致是这么个意思。

在JS中想用data.citys[j].name这样的JSON格式方法的话需要用JS自带的eval函数,将字符串转为JSON。

一下为ajax代码

jQuery.ajax({ url: ajaxURL, success: function(json) {
       var data = eval_r("(" + json + ")");//_r新浪你妹 自动加的
        var latlngArr = new Array();
        var markerArr = new Array();
        var latlng;
        for (i = 0; i < data.citys.length; i++) {
            latlng = data.citys[i].latlng;
            latlngArr[i] = new google.maps.LatLng(latlng.split(',')[0], latlng.split(',')[1]);
        }

var mapOptions = { zoom: 4, center: latlngArr[0], mapTypeId: google.maps.MapTypeId.ROADMAP };
        var googleMap = new google.maps.Map(document.getElementByIdx_x_x_x_x(mapDivId), mapOptions);

var linePath = new google.maps.Polyline({ path: latlngArr, strokeColor: "#1b519f", strokeOpacity: 1.0, strokeWeight: 2 });
        linePath.setMap(googleMap);
        var image = '/template/skin/markerico.png';
        for (j = 0; j < data.citys.length; j++) {
            markerArr[j] = new google.maps.Marker({ position: latlngArr[j], map: googleMap, title: data.citys[j].name, icon: image });
        }

}
    });

获取ajax数据,success回调函数中调用google map api创建地图

ashx输出json_se7en3_新浪博客相关推荐

  1. 如何在新浪博客中添加JavaScript代码

    新浪博客中不能包含JavaScript代码和IFrame的代码.如果要在博客中加入像Google的广告之类的JavaScript代码,一般的方法是不行的. 今天试了一上午,搞定了. 原理:将JavaS ...

  2. 如何利用新浪博客做关键词霸屏

    利用新浪博客的高权重,做好关键词SEO优化,建立博客群,打造被动引流系统,实现百度搜索关键词霸屏. 从博客定位到内容布局,从引流文案植入到博文快速收录的技术都会跟大家详细讲解,适合个人及团队操作. 一 ...

  3. python爬取新浪博客_python网络爬虫 新浪博客篇

    上次写了一个爬世纪佳缘的爬虫之后,今天再接再厉又写了一个新浪博客的爬虫.写完之后,我想了一会儿,要不要在博客园里面写个帖子记录一下,因为我觉得这份代码的含金量确实太低,有点炒冷饭的嫌疑,就是把上次的代 ...

  4. Action Golf 四个魔法球实战训练系列_huatuo_新浪博客

    Action & Golf 四个魔法球实战训练系列_huatuo_新浪博客

  5. 普度网络营销策划_普度网络营销策划-齐宁_新浪博客

    标签: 杂谈 自媒体的盛行,让我们知道了文案的重要性.一条好的文案,可以让你的广告如虎添翼.一篇好的内容可以瞬间刷爆朋友圈.今天我要总结的就是如何做一个打动人内心心智的好文案. 文案最主要的目的是让消 ...

  6. 黄聪:wordpress文章同步发布到网易、天涯、新浪博客、百度空间插件

    新浪博客,网易博客,百度空间,天涯博客都是权重很高的第三方博客平台.如果能保持更新,有助于提升主站权重.有了博客同步插件,直接在wordpress 后台设置一下,wordpress 自动把更新的日志同 ...

  7. [转载]Word直接发布新浪博客(以Word 2013为例)

    2019独角兽企业重金招聘Python工程师标准>>> 原文地址:Word直接发布新浪博客(以Word 2013为例) 作者:paulke2011 注意:这篇博客直接由Word 20 ...

  8. 新浪博客“网络繁忙请稍后再试”

    发博文提示网络繁忙请稍后再试 August 17 摘要:经常用新浪博客发博文的人应该会遇到一个问题,那就是有时会提示网络繁忙请稍后再试,同时连保存草稿也不行,这时候该怎么办呢? 方法/步骤 我们假定真 ...

  9. 邓文迪撑杆跳,甩开老公要独立?_富杂志_新浪博客

    邓文迪撑杆跳,甩开老公要独立?_富杂志_新浪博客 邓文迪撑杆跳,甩开老公要独立? (2010-01-11 10:55:22) 转载▼

最新文章

  1. L2:grep使用正则表达式
  2. tcpdump的简单选项介绍
  3. 廖雪峰javascript教程学习记录
  4. 用php实现登录日志,利用Laravel事件系统如何实现登录日志的记录详解
  5. 深入研究嵌入式操作系统的绝佳教材
  6. cocos2d-x开发之动作游戏实战--5
  7. 他患“不死癌症” 坐轮椅考上清华并获特等奖学金
  8. shell变量$$,$!,$?,$*,$0,$1,$#,$@的含义解释
  9. 用Python实现反转字符串
  10. Don't stop pretraining,继续预训练!
  11. .net remoting学习(3) ---配置与服务端广播
  12. matlab读取写音频文件
  13. 多张图片怎么合成一个pdf?
  14. java数据清洗_数据清洗例子
  15. java实现代理服务器
  16. Goolge-TPU论文解读
  17. React---hooks的使用
  18. 视频处理之浮雕效果【附源码】
  19. (详细版Win10+Pycharm)YOLOX——训练自己的VOC2007数据集,以NWPU VHR-10 dataset为例
  20. java毕业设计——基于java+Eclipse+jsp的网上手机销售系统设计与实现(毕业论文+程序源码)——网上手机销售系统

热门文章

  1. 向腾讯企业邮箱发送邮件失败,报错: 559
  2. rufus中gpt和mrb磁盘_系统重装,硬盘分区MBR和GPT选哪个好?看完才知原来有这讲究!...
  3. matlab画根轨迹的渐近线,根轨迹的渐近线.ppt
  4. java 离线语音识别
  5. 211大学中哪几所计算机专业好,北京哪些211大学计算机专业比较好考研
  6. 【节目单】科幻春晚,陪你过年!
  7. Python爬取猫眼电影数据并对其进行数据可视化
  8. 大工18秋计算机1答案,大工18秋《专业英语(计算机英语)》在线作业1.docx
  9. 【性能调优】堆外内存溢出
  10. 初学ue4#2 制作3d视角人物part2