zoukankan
html css js c++ java
Jquery 的google map 应用
<script language="javascript" type="text/javascript"> $(document).ready(function () { $.ajax({ type: "POST", url: "GetMap.ashx/ProcessRequest", dataType: "json", success: function (data) { var datalist = data; var map = new GMap2(document.getElementById("mapdiv")); //地图信息 map.addControl(new GMapTypeControl()); //选择地图类型的控件(如卫星图到二维地图的切换控件) map.addControl(new GLargeMapControl()); //大号平移和缩放控件,位置是左上角 map.addControl(new GOverviewMapControl()); //添加鹰眼控件 map.addControl(new GScaleControl()); // 比例尺控件 map.enableGoogleBar(); //显示google搜索框 var icon = new GIcon(); //设置ICO定位 icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png"; icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png"; icon.iconSize = new GSize(12, 20); //图片尺寸 icon.shadowSize = new GSize(22, 20); icon.iconAnchor = new GPoint(6, 20); icon.infoWindowAnchor = new GPoint(5, 1); $(datalist).each(function (index, content) { map.setCenter(new GLatLng(content.LATITUDE, content.LONGITUDE), 13); //设置显示地图中间位置,代表地图缩放级别 var point = new GLatLng(content.LATITUDE, content.LONGITUDE); //组合坐标点 map.addOverlay(createMarker(point, content.ADDRESS)); //注册坐标点 }) window.setTimeout(function () { //等待2秒,然后平移到一个新的中心点 map.panTo(new GLatLng(content.LATITUDE, content.LONGITUDE)); }, 2000); }, error: function (data) { alert('获取数据超时...'); } }); //显示信息函数 function createMarker(point, number) { var marker = new GMarker(point); GEvent.addListener(marker, "click", function () { marker.openInfoWindowHtml("<b>" + number + "</b>"); }); return marker; } }) </script>
查看全文
相关阅读:
Spring系列-JDBC实例
postman-记录cookies信息
根据URL获取参数值得出json结果集,对外给一个接口让别人调用
linux 软硬链接
第一个shell程序
Argparse简易教程
SQLAlchemy 教程 —— 基础入门篇
人机对战初体验—四子棋游戏
python的Flask 介绍
python的项目结构
原文地址:https://www.cnblogs.com/javawebsoa/p/2458196.html
最新文章
线性结构与非线性结构
linux chkconfig添加开机启动服务
udp之关于linux udp收发包缓冲区大小
动态二维数组指针使用示例
ssh免密登录
linux之sleep
c++ 函数返回指针 及用法
c++ 哪些自定义的数据类型
c++ uuid生成法则
c++ std::bitset
热门文章
c++ std::string 用法
c++ 关于换行符
protocol buffer 整数序列化
c++ freelockquque
c++ 继承多个类 及虚函数
soapui-使用groovy脚本执行用例请求
soapui-groovy脚本中文乱码及符号乱码、响应乱码解决方案
SSH-简单登陆业务详解,从环境部署到代码编写
SSH框架环境搭建问题:java.lang.IllegalArgumentException: 'sessionFactory' or 'hibernateTemplate' is required
SSH框架环境搭建问题:Line: 230
Copyright © 2011-2022 走看看