使用Google Map API(FLASH)在地图中显示你的位置

作者：L4cd 类型:原创来源:L4cd.Net

今天网上乱逛的时候..
在一个测试站点速度(http://www.speedtest.cn/)的网站下面~
用Google地图显示了访问者所在的位置...
觉得挺有意思的..

看了一下google map的flash api..
实现起来非常方便..感叹一下google map的强大..

swf效果地址：http://blog.l4cd.net/google/googlemap.swf

流程大概这样
1.先获取访客IP,然后通过IP获取用户地理位置信息..(这一步我直接调用了http://www.webxml.com.cn/提供的接口)
2.调用ClientGeocoder.geocode获取该地理位置于google map上的集合..
3.获取第一个位置..用Map.setCenter定位地图..
4.用Map.addOverlay标注位置..
5.用Map.openInfoWindow弹出Tip提示..

code~~

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontFamily="Verdana" fontSize="12"> 
    <mx:Script> 
        <![CDATA[ 
            import com.google.maps.InfoWindowOptions; 
            import com.google.maps.Map; 
            import com.google.maps.MapType; 
            import com.google.maps.overlays.Marker; 
            import com.google.maps.services.ClientGeocoder; 
            import com.google.maps.services.GeocodingEvent; 
              
            import mx.controls.Alert; 
            import mx.rpc.events.FaultEvent; 
            import mx.rpc.events.ResultEvent; 
              
            private var geocoder:ClientGeocoder; 
            //by l4cd.net  
            private function onMapReady(event:Event):void 
            { 
                map.enableContinuousZoom(); 
                map.enableScrollWheelZoom(); 
                geocoder = new ClientGeocoder(); 
                geocoder.addEventListener(GeocodingEvent.GEOCODING_SUCCESS, 
                    function(event:GeocodingEvent):void { 
                        var placemarks:Array = event.response.placemarks; 
                        if (placemarks.length > 0) { 
                            map.setCenter(placemarks[0].point, 5, MapType.NORMAL_MAP_TYPE); 
                            var marker:Marker = new Marker(placemarks[0].point); 
                            map.addOverlay(marker); 
                            map.openInfoWindow(placemarks[0].point, new InfoWindowOptions({title:"欢迎访问 L4cd.Net 简单工作",content: "来自<"+here+">的访客"})); 
                        } 
                    }); 
                geocoder.addEventListener(GeocodingEvent.GEOCODING_FAILURE, 
                    function(event:GeocodingEvent):void { 
                        trace("Geocoding failed"); 
                        Alert.show("获取地理位置失败","L4cd.Net 简单工作"); 
                    }); 
                  
                  
                ip.getGeoIPContext(); 
            } 
            private var here:String; 
            protected function ip_resultHandler(event:ResultEvent):void
            { 
                here = event.result[1]; 
                geocoder.geocode(here); 
            } 
  
            protected function ip_faultHandler(event:FaultEvent):void
            { 
                Alert.show("获取地理位置失败","L4cd.Net 简单工作"); 
            } 
  
        ]]> 
    </mx:Script> 
    <mx:WebService result="ip_resultHandler(event)" fault="ip_faultHandler(event)" wsdl="http://webservice.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx?wsdl" id="ip">     
    </mx:WebService> 
    <maps:Map xmlns:maps="com.google.maps.*" language="zh-CN" id="map" mapevent_mapready="onMapReady(event)" 
              width="100%" height="100%" key="{api_key}"/> 
</mx:Application>

其中api_key需要你自己到http://code.google.com/intl/zh-CN/apis/maps/signup.html申请一个开发用的key..
只要用google账号登陆..填写你需要使用地图服务的域名即可
当然你可以破解我的flash获取我现在用的key..不过每个key是有域名限制..so..你拿了也没用..

另外此地址为获取访客ip与地理位置的webservice..
http://webservice.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx?wsdl

PS~其实把上面的flash稍稍改改..
即可改成显示当前在线用户在地图上的分布..各位兴趣可以尝试一下..

责任编辑:silvia 时间:2010年6月10日

最近更新

查看所有评论

使用Google Map API(FLASH)在地图中显示你的位置

作者：L4cd 类型:原创 来源:L4cd.Net

作者：L4cd 类型:原创来源:L4cd.Net