新普金娱乐网址


JavaScript数据类型中易被忽略的触及

Overview of Amazon Web Services

arcgis for flex全国地图天气预报的有血有肉落实过程解析

  • 九月 23, 2018
  • 地理
  • 没有评论

      <s:layout>
<s:VerticalLayout gap=”0″/>
</s:layout>
<s:BorderContainer width=”100%” backgroundColor=”#D7D7D7″>
<s:layout>
<s:VerticalLayout paddingBottom=”7″
 paddingLeft=”10″
 paddingRight=”10″
 paddingTop=”7″/>
</s:layout>
<s:RichText width=”100%”>
             flex for arcgis—-天气预报专题
</s:RichText>
</s:BorderContainer>
<s:HGroup width=”100%” height=”100%”
 paddingLeft=”1″
 paddingTop=”1″>
<s:Group width=”30%” height=”100%” >
 <s:Rect width=”100%” height=”100%”>
 <s:stroke>
 <s:SolidColorStroke color=”0xCECECE”/>
 </s:stroke>
 </s:Rect>
<s:VGroup width=”100%” height=”100%” horizontalAlign=”center”>
<s:HGroup horizontalAlign=”center” width=”100%” paddingTop=”10″>
<s:Label  text=”城市名:” paddingTop=”4″/>
<s:TextInput id=”txt_userName”  text=”广州”/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
   <s:Button  label=”查询” id=”btn_login”/>
<s:Button  label=”查询所有” click=”all_clickHandler(event)”/>
</s:HGroup>
<s:Line width=”100%”>
<s:stroke>
<s:SolidColorStroke color=”0xCECECE” weight=”1″/>
</s:stroke>
</s:Line>
<s:VGroup width=”100%” height=”100%” horizontalAlign=”center”
id=”hidepanel” visible=”false”>
  <s:HGroup horizontalAlign=”center” width=”100%”>
  <s:Label  text=”星期:” paddingTop=”4″/>
  <s:Label  text=”” paddingTop=”4″ id=”date1″/>
  </s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”温度:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”temperature1″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”白天:” paddingTop=”4″/>
<s:Image id=”dayimg1″ width=”25″ height=”15″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”黑夜:” paddingTop=”4″/>
<s:Image id=”nightimg1″ width=”25″ height=”15″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”气候:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”weather1″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”风向:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”wind1″/>
</s:HGroup>
<s:Line width=”100%”>
<s:stroke>
<s:SolidColorStroke color=”0xCECECE” weight=”1″/>
</s:stroke>
</s:Line>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”星期:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”date2″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”温度:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”temperature2″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”白天:” paddingTop=”4″/>
<s:Image id=”dayimg2″ width=”25″ height=”15″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”黑夜:” paddingTop=”4″/>
<s:Image id=”nightimg2″ width=”25″ height=”15″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”气候:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”weather2″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”风向:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”wind2″/>
</s:HGroup>
<s:Line width=”100%”>
<s:stroke>
<s:SolidColorStroke color=”0xCECECE” weight=”1″/>
</s:stroke>
</s:Line>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”星期:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”date3″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”温度:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”temperature3″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”白天:” paddingTop=”4″/>
<s:Image id=”dayimg3″ width=”25″ height=”15″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”黑夜:” paddingTop=”4″/>
<s:Image id=”nightimg3″ width=”25″ height=”15″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”气候:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”weather3″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”风向:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”wind3″/>
</s:HGroup>
<s:Line width=”100%”>
<s:stroke>
<s:SolidColorStroke color=”0xCECECE” weight=”1″/>
</s:stroke>
</s:Line>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”星期:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”date4″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”温度:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”temperature4″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”白天:” paddingTop=”4″/>
<s:Image id=”dayimg4″ width=”25″ height=”15″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”黑夜:” paddingTop=”4″/>
<s:Image id=”nightimg4″ width=”25″ height=”15″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”气候:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”weather4″/>
</s:HGroup>
<s:HGroup horizontalAlign=”center” width=”100%”>
<s:Label  text=”风向:” paddingTop=”4″/>
<s:Label  text=”” paddingTop=”4″ id=”wind4″/>
</s:HGroup>
</s:VGroup>
<s:Label width=”100%”
paddingBottom=”0″
text=”地理位置: {mapCoordX.toFixed(4)},{mapCoordY.toFixed(4)}”/>
</s:VGroup>
</s:Group>
<esri:Map id=”myMap” wrapAround180=”true”>
<esri:extent>
<esri:Extent xmin=”71.6184779133381″ ymin=”29.726061424023065″
xmax=”135.50700591988112″ ymax=”54.94834808582403″>
<esri:SpatialReference wkid=”4326″/>
</esri:Extent>
</esri:extent>
<esri:infoWindowContent>
<s:TextArea id=”myTextArea”
width=”250″ height=”75″/>
</esri:infoWindowContent>
<esri:ArcGISDynamicMapServiceLayer
url=”http://localhost:6080/arcgis/rest/services/weather/MapServer"/&gt;
<esri:GraphicsLayer id=”myGraphicsLayer”/>
</esri:Map>
</s:HGroup>

我之闺蜜小孔是个专门好看开的女孩,上学的时节,她就是起个诨名叫“书女”,从天文到地理,从威严文学到言情小说,没有其不便于看的。跟它促膝交谈,总是能够聊至特别多书里的知,我也随之长了重重见识,欣赏到了重重非雷同的色。

      备注:

只是马上是匪容许的,人不可能仅吃同刹车饭一辈子还无见面饿,所以啊未可能读一本书就是能够透视人生,从此无惑。就此,阅读,是相同种而连的作为,是同栽必需的习惯。

        //查询天气预报
        private function weather(event:MouseEvent):void{
str = txtcity.text; //文本框输入城市名称值
var params:URLVariables = new URLVariables(); //编码
params.name =encodeURIComponent(txt_userName.text);
httpSer.url =
“http://api.map.baidu.com/telematics/v3/weather?location="+ params.name+
“&ak=YknGmxIoPugT7YrNrG955YLShttpSer.send();
}

其实,读书,学的是思想,而不是现实的章程。试着无使去功利性的读,反而会模仿到更多。

       先谈谈主界面的布局,只是略的计划性了大体上的布局,如下:

森丁还是这样,包括自我自己,看了众开,甚至各本书还负责做了笔记,但是没过几天,再回想写被之情节,记忆就是见面换得模糊,看开常常所感悟到之学识也都再还给了书籍,看正在祥和之笔记,心里是木的,一点悸动的觉得都没有。

      红色背景的url是地图披露之劳务,调用显示全国地图。后台的着力实现:

带动在这么的题目读,要找到答案,其实也无是老不便,只待找到呼应的工具书就尽了,不过问题而来了,当我们再次相见其他题材之早晚,比如同同事联系出现问题了,跟父母之涉起问题了,学会了时空管理,可是钱管理又起问题了……如果按照这个措施去读,我们怕是朗诵到老也学不完我们得之知。越这样想,就一发焦虑,最终之结果,要不就是难以置信自己脑子坏,要不就嘀咕阅读没用。

date1.text = weather.date[0]; //第一天天气预报详情
temperature1.text = weather.temperature[0];
weather1.text = weather.weather[0];
wind1.text = weather.wind[0];
dayimg1.source = weather.dayPictureUrl[0];
nightimg1.source = weather.nightPictureUrl[0];
date2.text = weather.date[1];//第二上天气预报详情
temperature2.text = weather.temperature[1];
weather2.text = weather.weather[1];
wind2.text = weather.wind[1];
dayimg2.source = weather.dayPictureUrl[1];
nightimg2.source = weather.nightPictureUrl[1];
date3.text = weather.date[2];//第三龙天气预报详情
temperature3.text = weather.temperature[2];
weather3.text = weather.weather[2];
wind3.text = weather.wind[2];
dayimg3.source = weather.dayPictureUrl[2];
nightimg3.source = weather.nightPictureUrl[2];
date4.text = weather.date[3];//第四天天气预报详情
temperature4.text = weather.temperature[3];
weather4.text = weather.weather[3];
wind4.text = weather.wind[3];
dayimg4.source = weather.dayPictureUrl[3];
nightimg4.source = weather.nightPictureUrl[3];
// clear the graphics layer
myGraphicsLayer.clear();
queryTask.execute(query, new AsyncResponder(onResult, onFault));
function onResult(featureSet:FeatureSet, token:Object = null):void
{
if (featureSet.features.length == 0)
{
Alert.show(“地图及没有找到有关数据一定”);
}
else
{
sfs.source = weather.dayPictureUrl[0];
var graphic:Graphic = new
Graphic(featureSet.features[0].geometry,sfs,null);
graphic.toolTip = “当前都:”+weather.cityname+”\n”+”星期:” +
weather.date[0] + “\n” + “温度:” + weather.temperature[0]
+”\n”+”气候:”+weather.weather[0]+”\n”+”风向:”+weather.wind[0];
myGraphicsLayer.add(graphic);
myMap.centerAt(featureSet.features[0].geometry as MapPoint);
myMap.zoomIn();
}
}
function onFault(info:Object, token:Object = null):void
{
Alert.show(info.toString());
}
}
else{
myGraphicsLayer.clear();
hidepanel.visible = false;
Alert.show(“搜索未交城池有关的天气预报数据”);
}
}
//返回失败事件
private function httpSerFaultHandler(event:FaultEvent):void{
Alert.show(event.fault.message as String,”请求天气预报信息失败提示”);
}

图片 1

    private function resultHandler(event:ResultEvent):void{  
citys = event.result.CityCode.City; //获取到所有的布置文件都名集合
var service:HTTPService = new HTTPService(); 
service.addEventListener(ResultEvent.RESULT,
cityresultHandler);//为了监听具体的每个市天气预报信息
                for(var i:int;i<citys.length;i++){
str=citys[i].Name;
var params:URLVariables = new URLVariables(); 
params.name =encodeURIComponent(citys[i].Name); //编码
service.url =
“http://api.map.baidu.com/telematics/v3/weather?location="+ params.name+
“&ak=YknGmxIoPugT7YrNrG955YLS”;//调用百度提供天气预报的api接口
service.send();  
}

03、输入到输出,需二蹩脚加工

}
}
function onFault(info:Object, token:Object = null):void
{
Alert.show(info.toString());
}

图片 2

       <fx:Declarations>
<!– 将无可视元素(例如服务、值对象)放在此处 –>
<s:HTTPService id=”httpSer” method=”POST”>
</s:HTTPService>
<esri:PictureMarkerSymbol id=”sfs”/>
<!– <esri:PictureMarkerSymbol id=”sfs1″/>–>
<!– Layer with US States –>
<esri:QueryTask id=”queryTask”
url=”http://localhost:6080/arcgis/rest/services/weather/MapServer/0"/&gt;
<esri:Query id=”query”
outSpatialReference=”{myMap.spatialReference}”
returnGeometry=”true”
text=”{str}”>
<esri:outFields>
<fx:String>Name</fx:String>
<fx:String>X</fx:String>
<fx:String>Y</fx:String>
</esri:outFields>
</esri:Query>
</fx:Declarations>

经过分享,当你会对人家完整地表述出你对于同本书的体悟,你对当下仍开的晓都达了一个层次。

     
下面是查询有城市之天气预报信息,首先在初始化函数init添加httpservice监听事件:

实则这个题材,想掌握了,不过就是“吃饱迟早会饿,为什么还要吃饱”的道理,正是因读了之写,过不了多久就会遗忘,所以我们才要坚持不断地失去阅读,把读书当成一日三餐般的习惯,为自身之想想上养料。

private function cityresultHandler(event:ResultEvent):void{  
var weather:Weather = new
Weather();//自定义之类,主要是概念跟天气预报信息接口对应之字段,比如温度等
if(event.result.CityWeatherResponse.results){
weather.cityname =
event.result.CityWeatherResponse.results.currentCity;//当前之城池称号
weather.date
=event.result.CityWeatherResponse.results.weather_data.date; //星期
weather.dayPictureUrl=event.result.CityWeatherResponse.results.weather_data.dayPictureUrl;//白天图标
weather.nightPictureUrl=event.result.CityWeatherResponse.results.weather_data.nightPictureUrl;//黑夜图标
weather.temperature=event.result.CityWeatherResponse.results.weather_data.temperature;//温度
weather.weather=event.result.CityWeatherResponse.results.weather_data.weather;//气候
weather.wind=event.result.CityWeatherResponse.results.weather_data.wind;//风向
query.text = weather.cityname;//为了动态的翻新query查询text条件
queryTask.execute(query, new AsyncResponder(onResult, onFault));
function onResult(featureSet:FeatureSet, token:Object = null):void
{

当您当读书的历程中,你脑子中之体悟是零星的,当你还用言语去组织,重新表达出来时,需要经第二次的加工,把她们差联成一个完好无损的故事。这中档闹一个深思考的过程。其实就像糕点一样,经过加工次数越来越多之,就越是好吃,输入到输出这个历程更的步骤越多之,自然吧就见面当我们脑中留给的记忆尤为怪。

     
 系统架构是B/S,开发语言是flex,开发工具是myeclise或者flashbuild,通过调用百度提供的在线天气预报web
api接口的法子来兑现。

02、翻阅应取书中的渔

       然后每当询问按钮事件添加:

回想转,若是读书好过目不忘,那么我们才真正没有必要认真看了,直接填鸭式地管当下一辈子要读之题尽扣押罢,灌输到脑子里,往后底小日子虽像电子图书馆一律,需要哪方面的书,调出去查看转,完全不需要浪费时间去念新的学识。

     
程序运行时候显得的是全国城市的天气预报图标和消息,所以于初始化时候定义并调用CityCodeDB.xml文件来抱有的城市名称。

虽比如小孔所说,“在生活中遇到现实的题目,还是无理解怎么收拾。”是呀,我们不是哲学家,不见面于无限过高深的问题所困扰,令我们怀念只要失去探寻答案的,不过尽管是部分身边的琐碎,比如今天说话并且被上司不乐意了,我欠怎么与上司沟通才对吧?比如今天前男友又关联自己了,怎么样才能够验一个丁是休是真的爱自也?比如自己今天同时无所事事的过了同龙,所以究竟该怎么设计自己的时日啊?

 

这就是说,有无出好的章程,能给读了之写以头脑里存留的流年稍微长一点?毕竟我们有时候读书,还是愿意能够将学到的知识尽快上手用起。

//监听查询按钮单击事件
btn_login.addEventListener(MouseEvent.CLICK,login);
//加载HTTPService的回来监听,为了监听单个城市查询利用
httpSer.addEventListener(ResultEvent.RESULT,httpSerResultHandler);
httpSer.addEventListener(FaultEvent.FAULT,httpSerFaultHandler);

图片 3

     
首先是少执,第一执是标题;第二尽又分为两排列,第一排是为此来天气预报查询和展示查询的结果,第二排列用来展示全国地图。

相思了解又多之生意攻略,请关注E职一征收

带您游戏化养职业

凯在筹划,获得开挂的人生

       图片 4

给这个题材找麻烦的总人口,大多都出文化焦虑症。首先是发针对上学知识之渴望,你才会提出相应的质疑。很多丁觉着读书是同等件一劳永逸的作业,一本书读了,好像自己就达了一个崭新的程度,不会见再也受有关的题目所困扰。

 

01 **世界上没有一样劳永逸**

      贴上界面布局之代码:

可这样多年过去了,上周,我们联合用餐,她却开始和自家诉说苦道,“最近忽然觉得,我读这么多开,好像并没有什么实际用处,在生活中遇到现实问题,还是未晓该怎么收拾,是休是自身这样多年念之写,根本不怕从来不因此什么!”

      public const xmlUrl:String = “CityCodeDB.xml”;

顶好之法子,就是享受,把开被的始末通过自己之笺注,讲让别人听。听起来便像讲故事一样,但是实际上并无略,如果拿温馨之醒用言语完全地表达出来,又是如出一辙门学问,需要大量的习。就比如相同是看罢一统影视,有的人会开口的绘声绘色,让放的人数似乎坐于异常荧幕前看电影重现一般,可是有人哪怕异常不便感染及别人。同样,也便如书评,有的人会将书评写得巧妙,而有人便只好复述书中情节。

getallcityinfo();//获取有的都会信息
}

假如您嗜阅读,可是还不曾找到志同道合可以享用的同伙的话语,我们是校园阅读会联盟,这里有广大跟而同一好看之儿女,欢迎你天天参加我们。

if (featureSet.features.length == 0)
{
Alert.show(“地图及未曾寻找到相关数据一定”);
}
else
{
//动态的改观显示在地图及之图标与graphic
var sps:PictureMarkerSymbol = new PictureMarkerSymbol();
sps.source = weather.dayPictureUrl[0];
var graphic:Graphic = new
Graphic(featureSet.features[0].geometry,sps,null);
graphic.toolTip = “当前城市:”+weather.cityname+”\n”+”星期:” +
weather.date[0] + “\n” + “温度:” + weather.temperature[0]
+”\n”+”气候:”+weather.weather[0]+”\n”+”风向:”+weather.wind[0];
myGraphicsLayer.add(graphic);

自身任罢愣住了,这样的话我放了过多,可是真没想到会从小孔口中听到。

      GIS论坛:http://arcgis.c.ev123.com/vip_arcgis.html

这就是说,既然读书早晚会忘,为什么还要看?

      到此,某个城市之天气预报信息查询也兑现了。效果图:

读早晚会忘,为什么还要看?我怀念答案已产生矣。书籍为什么会被称作“精神食粮”?大概就是,物质食粮长成了咱们的深情,成为我们人的同一有,而书籍滋养了我们的心灵,让我们的灵魂变得重新安稳。

   
  httpSer是宣称HTTPService,因为天气预报是调用在线的http形式来贯彻的;queryTask是为此来query查询的标准设置的,作用是为了每个都之天气预报图标定位于地形图上显得,url是点名用哪个图层来开展query查询。

       采用地图是ArcGIS全国地图,开发接口也arcgis api for
flex,但是程序可以拓展api 接口,可以使用其他GIS
api,地图数据为得以变其他地图数据,拓展性比较好。

图片 5

      源代码下载:http://download.csdn.net/detail/liguoweioo/8440727

      初始化函数:

//返回成功事件
private function httpSerResultHandler(event:ResultEvent):void{
var weather:Weather = new Weather();
if(event.result.CityWeatherResponse.results){
   hidepanel.visible = true;
weather.cityname =
event.result.CityWeatherResponse.results.currentCity;
weather.date
=event.result.CityWeatherResponse.results.weather_data.date;
weather.dayPictureUrl=event.result.CityWeatherResponse.results.weather_data.dayPictureUrl;
weather.nightPictureUrl=event.result.CityWeatherResponse.results.weather_data.nightPictureUrl;
weather.temperature=event.result.CityWeatherResponse.results.weather_data.temperature;
weather.weather=event.result.CityWeatherResponse.results.weather_data.weather;
weather.wind=event.result.CityWeatherResponse.results.weather_data.wind;

       /*
* 获取具有都信息及相关的天气预报信息
*/
private function getallcityinfo():void{
myGraphicsLayer.clear();
//HTTPService,为了监听初始化时候加载所有的城市天气预报,从部署文件xml获取具有的城信息 
var service:HTTPService = new HTTPService();  
service.url = xmlUrl;  
service.addEventListener(ResultEvent.RESULT, resultHandler);  
service.send(); 
}

}
else{
myGraphicsLayer.clear();
hidepanel.visible = false;
Alert.show(“搜索未交城池有关的天气预报数据”);
}
}

      到这里全国的城池天气预报信息及图标都落实了。

      private function init():void{

      GIS技术交流QQ群:432512093

相关文章

No Comments, Be The First!
近期评论
    分类目录
    功能
    网站地图xml地图