- 浏览: 453432 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
a464697691:
楼主厉害,现在可以使用了
Proxool houseKeepingSleepTime bug修正 -
chenpi529:
楼主好牛逼
Proxool houseKeepingSleepTime bug修正 -
huangxinyu_it:
多谢楼主了
Proxool houseKeepingSleepTime bug修正 -
kokorodo:
谢谢了!
zk中文开发手册pdf版(基于3.5.1) -
superscorpio:
public void testImportInContex ...
MVEL2.0控制流
由于zk的gmaps2.0.5提供的事件不能满足项目的需求,昨天写了一个电话号码定位的例子,号码是使用爬虫爬过来的,号码地点对
index.zul页面代码
<?xml version="1.0" encoding="utf-8"?> <?page id="indexPage" title="linkMaps" cacheable="false" language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?> <?script src="/js/linkMaps.js" type="text/javascript"?> <?script src="http://maps.google.com/maps/api/js?sensor=false&region=GB" type="text/javascript"?> <window id="gmapsWin" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:n="http://www.zkoss.org/2005/zk/native" xmlns="http://www.zkoss.org/2005/zul" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd" xmlns:w="http://www.zkoss.org/2005/zk/client" apply="com.xxx.linkMaps.web.zk.controller.GmapsController"> <image src="/images/32.png"></image> 纬度 <textbox id="txtLat" cols="50"></textbox> ,经度 <textbox id="txtLng" cols="50"></textbox> <textbox id="txtAddress" cols="50"></textbox> <button label="搜索" mold="os" forward="onGoogleSearch" /> <div id="map_canvas" height="700px"> </div> </window>
关键js代码
(function(window) { var linkMap = { map : false, geocoder : false, initialize : function() { var myLatlng = new google.maps.LatLng(33.10160322191529, 110.8020810546875); var myOptions = { zoom : 4, center : myLatlng, mapTypeId : google.maps.MapTypeId.ROADMAP }; this.map = new google.maps.Map(jq("$map_canvas")[0], myOptions); this.geocoder = new google.maps.Geocoder(); google.maps.event.addListener(this.map, 'bounds_changed', function() { linkMap.onMapBoundschanged(); }); google.maps.event.addListener(this.map, 'center_changed', function() { linkMap.onMapCenterchanged(); }); google.maps.event.addListener(this.map, 'click', function(event) { linkMap.onMapclick(event.latLng); }); google.maps.event.addListener(this.map, 'dblclick', function(event) { linkMap.onMapDblclick(event.latLng); }); google.maps.event.addListener(this.map, 'drag', function() { linkMap.onMapDrag(); }); google.maps.event.addListener(this.map, 'dragend', function() { linkMap.onMapDragend(); }); google.maps.event.addListener(this.map, 'dragstart', function() { linkMap.onMapDragstart(); }); google.maps.event.addListener(this.map, 'idle', function() { linkMap.onMapIdle(); }); google.maps.event.addListener(this.map, 'maptypeid_changed', function() { linkMap.onMapTypeIdchanged(); }); google.maps.event.addListener(this.map, 'mousemove', function(event) { linkMap.onMapMousemove(event.latLng); }); google.maps.event.addListener(this.map, 'mouseout', function(event) { linkMap.onMapMouseout(event.latLng); }); google.maps.event.addListener(this.map, 'mouseover', function(event) { linkMap.onMapMouseover(event.latLng); }); google.maps.event.addListener(this.map, 'projection_changed', function() { linkMap.onMapProjectionchanged(); }); google.maps.event.addListener(this.map, 'resize', function() { linkMap.onMapResize(); }); google.maps.event.addListener(this.map, 'rightclick', function( event) { linkMap.onMapRightclick(event.latLng); }); google.maps.event.addListener(this.map, 'tilesloaded', function() { linkMap.onMapTilesloaded(); }); google.maps.event.addListener(this.map, 'zoom_changed', function() { linkMap.onMapZoomchanged(); }); }, codeAddress : function(phone, address) { linkMap.geocoder.geocode( { 'address' : address }, function(results, status) { var location = results[0].geometry.location; if (status == google.maps.GeocoderStatus.OK) { zAu.send(new zk.Event(zk.Widget.$(jq("$gmapsWin")), "onCodeAddressSuccessful", [phone,location.lat(),location.lng()])); // linkMap.map // .setCenter(results[0].geometry.location); // var marker = new google.maps.Marker( { // map : linkMap.map, // position : results[0].geometry.location // }); } else { zAu.send(new zk.Event(zk.Widget.$(jq("$gmapsWin")), "onCodeAddressFailture", [phone])); } }); }, onMapBoundschanged : function() { }, onMapCenterchanged : function() { }, onMapclick : function(latLng) { }, onMapDblclick : function(latLng) { }, onMapDrag : function() { }, onMapDragend : function() { }, onMapDragstart : function() { }, onMapIdle : function() { }, onMapTypeIdchanged : function() { }, onMapMousemove : function(latLng) { jq("$txtLat").attr("value", latLng.lat()); jq("$txtLng").attr("value", latLng.lng()); }, onMapMouseout : function(latLng) { }, onMapMouseover : function(latLng) { }, onMapProjectionchanged : function() { }, onMapResize : function() { }, onMapRightclick : function(latLng) { }, onMapTilesloaded : function() { }, onMapZoomchanged : function() { } }; //等待zk Engine启动,然后加载地图 function waitBooted() { if (zk.booted) { linkMap.initialize(); } else { setTimeout(function() { waitBooted(); }, 50); } } setTimeout(function() { waitBooted(); }, 200); window.linkMap = linkMap; })(window);
后体代码
public class GmapsController extends GenericForwardComposer { /** * */ private static final long serialVersionUID = -7539000732062612449L; public void onGoogleSearch() { String phone = "234234234"; String address = "美国"; Clients.evalJavaScript("linkMap.codeAddress('" + phone + "','" + address + "');"); } /** * 当查询成功的时候 * * @param event */ public void onCodeAddressSuccessful(Event event) { Object []o=(Object[])event.getData(); System.out.println(o[0]); System.out.println(o[1]); System.out.println(o[2]); } /** * 当查询失败的时候 * * @param event */ public void onCodeAddressFailture(Event event) { Object []o=(Object[])event.getData(); System.out.println(o[0]); } }
发表评论
-
zkspring 3.0RC bug 修复
2010-11-19 15:46 1812zkspring 3.0RC bug 修复 ... -
【zk开发】使用Sessions.getCurrent().invalidate()时需要特别注意到问题
2010-11-15 16:25 2412Sessions.getCurrent().invali ... -
【zk开发】use和apply的区别
2010-11-15 14:03 4507use 使用一个组件类,该类必须是当前组件 ... -
【zk开发】java代码给组件添加客户端事件处理javascript
2010-11-10 10:49 1798/** *设置或删除widget的事件监听器,如 ... -
【zk开发】zk中的表单验证(优化版)
2010-11-10 10:41 2354/** * 验证表单 * <p> ... -
【zk开发】ZkUtils 1.2
2010-11-08 10:22 2751ZkUtils 是zk开发中的一些工具方法集合,将散落在 ... -
ZK 5.0.5 chm api文档
2010-11-03 10:11 5818ZK 5.0.5 chm api文档 文档在附件 ... -
ZK 5.0.5正式版发布
2010-11-02 18:24 1156ZK 5.0.5正式版发布 更新日志http: ... -
【zk开发】理解zk事件处理线程
2010-11-01 17:27 2255什么是事件处理线程(EventProcessingTh ... -
【zk开发】zkstudio安装及使用视屏
2010-10-29 16:58 2176安装视屏 http://docs.zkoss ... -
zk5.0.5可能最近两天发布
2010-10-29 13:13 1061zk5.0.5可能最近两天发布 zk5.0 ... -
【zk开发】zk注解的秘密
2010-10-28 14:26 3954The DataBinder that rea ... -
【zk开发】zk内存监控
2010-10-21 09:03 2767所用到的资源 ... -
【zk开发】如何在页面中获得composer对象
2010-10-15 15:31 2608样例: <window id=&qu ... -
【zk开发】jQuery+zk完美客户端
2010-09-14 11:11 2551(function(window) { var lin ... -
【zk开发】zk5.0.4 datebox inplace模式的bug
2010-09-08 16:24 1589zk5.0.4 datebox inplace模式 ... -
使用ZK CE版开发商业软件
2010-09-07 15:50 2449仔细读一下内容 LGPL(GNU Lesser Gene ... -
【zk开发】zk的国际化
2010-09-02 16:22 3797【zk开发】zk的国际化 一,准备资源文件 ... -
zk5.0.4 chm版API
2010-09-01 12:37 1245zk5.0.4 chm版API -
挥起马鞭,升到zk5.0.4
2010-08-31 23:22 1390由于zk5.0.4测试版已发布公开测试,正式版应该很快出 ...
相关推荐
Da14580官方开发包SDK5.0.3
赠送jar包:xmlbeans-5.0.3.jar; 赠送原API文档:xmlbeans-5.0.3-javadoc.jar; 赠送源代码:xmlbeans-5.0.3-sources.jar;...人性化翻译,文档中的代码和结构保持不变,注释和说明精准翻译,请放心使用。
asm-5.0.3.jarasm-5.0.3.jar
串口调试助手uartassist 5.0.3,本人一直在用的串口小工具,非常稳定,这是最新版。
使用Pentaho Data Integration 5.0.3整合SQL Server数据库和Salesforce数据的一个Demo,包括ppt,kettle文件及所有数据库backup文件及参考文档及代码。
wordpress.5.0.3安装包
arm服务器redis5.0.3
赠送jar包:woodstox-core-5.0.3.jar; 赠送原API文档:woodstox-core-5.0.3-javadoc.jar;...人性化翻译,文档中的代码和结构保持不变,注释和说明精准翻译,请放心使用。 双语对照,边学技术、边学英语。
这是vtigerCRM 5.0.3 中文汉化包(zh_tw),注意:是台湾中文的汉化包。
mysql安装程序,版本5.0.3mysql安装程序,版本5.0.3
使用WordPress可以搭建功能强大的网络信息发布平台,但更多的是应用于个性化的博客。针对博客的应用,WordPress能让您省却对后台技术的担心,集中精力做好网站的内容。 WordPress的插件目录中现在有多于30,000个...
woodstox-core-5.0.3.jar
metronic v5.0.3是一套非常精美的bootstrap框架模板,它是基于强大的 Twitter Bootstrap 框架实现,可用于任意类型的网页应用。
5.0.3破解工具
使用类工具,SecureCRT是一款终端仿真程序,支持SSH(SSH1和SSH2)以及Telnet和rlogin协议。SecureCRT用于连接运行包括Windows、UNIX和VMS在内的远程系统的理想工具。需要的朋友快来下载吧。
asm-util-5.0.3.jarasm-util-5.0.3.jarasm-util-5.0.3.jar
网络调试助手net assist V5.0.3
Ashampoo www win8news cn UnInstaller 5.0.3.exe
页面下载xz-5.0.3.tar.bz2解压工具,然后编译安装 tar -xf xz-5.0.3.tar cd xz-5.0.3 ./configure make make install 这样就可以用xz命令来解压tar.xz格式文件, xz -d linux-3.1-rc4.tar.xz tar -xvf linux-3.1-rc...
赠送jar包:xmlbeans-5.0.3.jar; 赠送原API文档:xmlbeans-5.0.3-javadoc.jar; 赠送源代码:xmlbeans-...人性化翻译,文档中的代码和结构保持不变,注释和说明精准翻译,请放心使用。 双语对照,边学技术、边学英语。