今天網上亂逛的時候..
在一個測試站點速度(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~~
01.<?xml version="1.0" encoding="utf-8"?>
02.<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontFamily="Verdana" fontSize="12">
03. <mx:Script>
04. <![CDATA[
05. import com.google.maps.InfoWindowOptions;
06. import com.google.maps.Map;
07. import com.google.maps.MapType;
08. import com.google.maps.overlays.Marker;
09. import com.google.maps.services.ClientGeocoder;
10. import com.google.maps.services.GeocodingEvent;
11.
12. import mx.controls.Alert;
13. import mx.rpc.events.FaultEvent;
14. import mx.rpc.events.ResultEvent;
15.
16. private var geocoder:ClientGeocoder;
17. //by l4cd.net
18. private function onMapReady(event:Event):void
19. {
20. map.enableContinuousZoom();
21. map.enableScrollWheelZoom();
22. geocoder = new ClientGeocoder();
23. geocoder.addEventListener(GeocodingEvent.GEOCODING_SUCCESS,
24. function(event:GeocodingEvent):void {
25. var placemarks:Array = event.response.placemarks;
26. if (placemarks.length > 0) {
27. map.setCenter(placemarks[0].point, 5, MapType.NORMAL_MAP_TYPE);
28. var marker:Marker = new Marker(placemarks[0].point);
29. map.addOverlay(marker);
30. map.openInfoWindow(placemarks[0].point, new InfoWindowOptions({title:"歡迎訪問 L4cd.Net 簡單工作",content: "來自<"+here+">的訪客"}));
31. }
32. });
33. geocoder.addEventListener(GeocodingEvent.GEOCODING_FAILURE,
34. function(event:GeocodingEvent):void {
35. trace("Geocoding failed");
36. Alert.show("獲取地理位置失敗","L4cd.Net 簡單工作");
37. });
38.
39.
40. ip.getGeoIPContext();
41. }
42. private var here:String;
43. protected function ip_resultHandler(event:ResultEvent):void
44. {
45. here = event.result[1];
46. geocoder.geocode(here);
47. }
48.
49. protected function ip_faultHandler(event:FaultEvent):void
50. {
51. Alert.show("獲取地理位置失敗","L4cd.Net 簡單工作");
52. }
53.
54. ]]>
55. </mx:Script>
56. <mx:WebService result="ip_resultHandler(event)" fault="ip_faultHandler(event)" wsdl="http://webservice.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx?wsdl" id="ip">
57. </mx:WebService>
58. <maps:Map xmlns:maps="com.google.maps.*" language="zh-CN" id="map" mapevent_mapready="onMapReady(event)"
59. width="100%" height="100%" key="{api_key}"/>
60.</mx:Application>
其中api_key需要你自己到http://code.google.com/intl/zh-CN/apis/maps/signup.html申請一個開發(fā)用的key..
只要用google賬號登陸..填寫你需要使用地圖服務的域名即可
當然你可以破解我的flash獲取我現在用的key..不過每個key是有域名限制..so..你拿了也沒用..
另外此地址為獲取訪客ip與地理位置的webservice..
http://webservice.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx?wsdl
PS~其實把上面的flash稍稍改改..
即可改成顯示當前在線用戶在地圖上的分布..各位興趣可以嘗試一下..
