Google Map を使ってみる。 markerとInfoWindow
めっちゃうれしいナックルです!!!
キビヤ、まじ旨い!
今回は前回のつづき。
GoogleMapに marker と InfoWindow つけてみました。
自分で好きなMCを置くことができます。
もちろんデフォルトのものも表示できますが。
コードはこんな感じ↓
import com.google.maps.LatLng; import com.google.maps.Map; import com.google.maps.MapEvent; import com.google.maps.MapType; import com.google.maps.Color; import com.google.maps.MapMouseEvent; import com.google.maps.InfoWindowOptions; import com.google.maps.controls.*; import com.google.maps.styles.*; import com.google.maps.overlays.*; var map:Map = new Map(); map.key = "your API key"; map.setSize(new Point(stage.stageWidth, stage.stageHeight)); map.addEventListener(MapEvent.MAP_READY, onMapReady); map.language = "ja"; map.addControl(new ZoomControl()); map.addControl(new PositionControl()); this.addChild(map); function onMapReady(event:Event):void { var latLng:LatLng = new LatLng(35.32097696994379, 139.5535457681923); var markerOptions:MarkerOptions = new MarkerOptions({ gravity: 0.6 ,clickable:true ,hasShadow: true ,draggable: false ,icon:new point() ,tooltip: "KAYAC" }); var marker:Marker = new Marker(latLng, markerOptions); marker.addEventListener(MapMouseEvent.CLICK,showInfoWindow); map.addOverlay(marker); map.enableScrollWheelZoom(); map.setCenter(new LatLng(35.319677,139.552953), 13, MapType.NORMAL_MAP_TYPE); } function showInfoWindow (e:MapMouseEvent):void { var infoContentMc:MovieClip = new infoContent(); infoContentMc._txt.text = "鎌倉本社です。"; infoContentMc.closeBtn_mc.addEventListener(MouseEvent.MOUSE_UP, closeInfoContents); var infoOptions:InfoWindowOptions = new InfoWindowOptions({ customContent:infoContentMc }) map.openInfoWindow(e.latLng,infoOptions); } function closeInfoContents(e:MouseEvent):void{ map.closeInfoWindow(); }
ホイールで拡縮つけてみました。カヤックはココ!