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>
查看全文
相关阅读:
maven 错误:读取 xxx.jar 时出错;invalid LOC header (bad signature) 1 错误
设计模式总结篇系列:建造者模式(Builder)
java.lang.ClassCastException: com.google.gson.internal.LinkedTreeMap cannot be cast to
Rxlifecycle使用详解,解决RxJava内存泄露问题
详细解析RxAndroid的使用方式
Android开源项目:GifView——Android显示GIF动画
Rxjava2的学习与总结
Pycharm连接gitlab
Pycharm+Django+Python+MySQL开发 后台管理数据库
Django-Model操作数据库(增删改查、连表结构)
原文地址:https://www.cnblogs.com/javawebsoa/p/2458196.html
最新文章
Eclipse编辑YAML插件-YEdit
MySQL集群之五大常见的MySQL高可用方案(转)
Redis集群方案之使用豌豆荚Codis搭建(待实践)
Redis集群方案之Twemproxy+HAProxy+Keepalived+Sentinel+主从复制(待实践)
HAProxy+Redis实现负载负载均衡(待实践)
HAProxy教程收集
Memcached集群之通过Repcached实现主从复制(待实践)
Redis集群方案之主从复制(待实践)
Redis Cluster集群搭建后,客户端的连接研究(Spring/Jedis)(待实践)
Redis的集群方案之Sentinel(哨兵模式)(待实践)
热门文章
Nginx教程收集
Nginx与HAProxy的区别
Ubuntu 16.04下Redis Cluster集群搭建(官方原始方案)
Ubuntu 16.04在搭建Redis Cluster搭建时,使用gem install redis时出现:ERROR: While executing gem ... (Gem::FilePermissionError) You don't have write permissions for the /var/lib/gems/2.3.0 directory.
Redis官方文档资源
Redis开启远程访问
Redis基于客户端分片的集群案例(待实践)
JAVA基于权重的抽奖
[java] byte不能直接相加
ElasticSearch 2 (9)
Copyright © 2011-2022 走看看