mashup_exercise51map WebGIS教材.ppt

*;*;*;你所需要的工具;练习一： 为沃尔玛的网站添加分店地图查找;/walmart/wminchina.htm; 为沃尔玛的网站添加分店地图查找;分析选择所需要的web资源;;;;;;;;;;;;;;;使用多个搜索结果;;;查看源文件;;script language=javascript var map,search,points; function showPoint(searchResult) { if(searchResult.count0) { //如果存在搜索结果 map.clearOverLays(); points=[ ]; var html=; for(var i=0;isearchResult.count;i++) { //依次将搜索结果显示到地图上 var poi=searchResult.searchPoints[i]; var point=new LTPoint(poi.point[0],poi.point[1]); var marker=new LTMarker(point); map.addOverLay(marker); =; LTEvent.bind(marker,click,marker,function(){ this.openInfoWinHtml()} ); points.push(point); html+=poi.id + .a href= + poi.url + target=_blank++/abr/; } document.getElementById(resultDiv).innerHTML=html; map.getBestMap(points); } ; } else { alert(无结果); } } function onLoad() { map=new LTMaps(mapDiv); map.cityNameAndZoom(“shenzhen,5); map.addControl(new LTStandMapControl()); search=new LTLocalSearch(showPoint); search.setCity(‘深圳); search.search(‘沃尔玛); } /script /head body onload=onLoad() div id=mapDiv style=position:absolute;width:400px; height:300px; /div; div style=position:absolute;left:420px; 在 input type=“text” id=“city” value=“深圳 size=5 onchange=search.setCity(this.value);/ 市搜索 input type=“text” id=“word” value=“沃尔玛 size=10/ input type=button onclick=search.search(document.getElementById(word).value); value=搜索/ div id=resultDiv style=font-size:12px;/div ulli查看b本页面源文件/b可以了解如何使用51ditu search API实现本功能；/libr/br/ li本范例展示如何使用多个搜索结果；/li br/br/lia href=../../examples.html返回所有范例列表/a/li/ul /div div style=position:absolute;top:400px;copy;2007 a href= target=_blank51/a/div script language=javascript src=/js/pv.js/script /body /html;;body onload=onLoad() TABLE TR TD colspan=2 align=center /TD /TR TR TD /TD TD /TD /TR /TABLE ;TABLE border=1 TR TD colspan=2 align=center input type=text id=city value=深圳 size=5 onchange=search.setCity(this.value);/ 市搜索 input type=tex