Question

你好！~我用下面的代码调用百度地图给的flex demo as文件，这个代码需要怎么改才能显示地图呢？

Answer 1

你参考下我的吧
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:maps="com.earthplayer.maps.*"
title=" 实时路况" creationComplete="view1_creationCompleteHandler(event)">

<fx:Script>
<![CDATA[
import baidu.map.basetype.LngLat;
import baidu.map.basetype.Size;
import baidu.map.control.base.Navigator;
import baidu.map.control.base.Overview;
import baidu.map.control.base.Ruler;
import baidu.map.control.base.Scaler;
import baidu.map.core.Map;
import baidu.map.layer.Layer;
import baidu.map.layer.RasterLayer;
import baidu.map.overlay.InfoWindow;
import baidu.map.overlay.Label;
import baidu.map.overlay.Marker;
import baidu.map.overlay.geometry.Circle;
import baidu.map.overlay.geometry.Polygon;
import baidu.map.overlay.geometry.Polyline;
import baidu.map.symbol.CircleSymbol;
import baidu.map.symbol.PolygonSymbol;
import baidu.map.symbol.PolylineSymbol;

import mx.core.UIComponent;
import mx.events.FlexEvent;

private var map:Map;
public function ini():void{
// 创建一个大小为600*400的Map对象
map = new Map(new Size(Gp.width, Gp.height))
var uc:UIComponent = new UIComponent();
uc.addChild(map);
addElement(uc);
Gp.addElement(uc);
// 初始化Map的中心点和显示级别
map.centerAndZoom(new LngLat(121.3107, 31.0923), 12);
//添加比
// 添加平移控件
var nav:Navigator = new Navigator(map);
map.addControl(nav);
//var scaler:Scaler = new Scaler(map);
//map.addControl(scaler);
//添加比例尺
var ruler:Ruler = new Ruler(map);
map.addControl(ruler);

// 添加底图
var layer:Layer = new RasterLayer("BaiduMap", map);
map.addLayer(layer);
// 添加Overview
var overview:Overview = new Overview(map);
map.addControl(overview);

}

private function AddLabel():void{
var bg:Sprite = new Sprite();
bg.graphics.beginFill(0x0000ff, 0.7);
bg.graphics.drawRect(0, 0, 100, 100);
bg.graphics.endFill();

var label:baidu.map.overlay.Label = new baidu.map.overlay.Label("测试文字");
label.position = new LngLat(121.3107, 31.0923);
label.contentStyle = new TextFormat("宋体", 14, 0xff0000, true);
//label.background = bg;
map.addOverlay(label);

}

private function AddMark():void{
var marker:Marker = new Marker();
marker.position = new LngLat(121.3108, 31.0923);
map.addOverlay(marker);
//标注可拖拽
marker.enableDragging = true;
}

private function AddCustomMark():void{
var marker:Marker = new Marker();
marker.position = new LngLat(121.3109, 31.0923);
// 新建一个Sprite作为icon
var newicon:Sprite = new Sprite();
newicon.graphics.beginFill(0x0000ff, 1);
newicon.graphics.moveTo(0, 10);
newicon.graphics.lineTo(10, 0);
newicon.graphics.lineTo(20, 10);
newicon.graphics.lineTo(30, 0);
newicon.graphics.lineTo(40, 10);
newicon.graphics.lineTo(20, 30);
newicon.graphics.lineTo(0, 10);
// 修改icon
marker.icon = newicon;
map.addOverlay(marker);
//标注可拖拽
//marker.enableDragging = true;
}

private function ShowInfoWindow():void{
var infowindow:InfoWindow = new InfoWindow("内容内容内容内容内容", new TextFormat("宋体", 28, 0xf0f000), "标题", new TextFormat("黑体", 25, 0x00000, true));
map.openInfoWindow(infowindow);
}

private function DrawCircle():void{
// 创建圆形覆盖物
var circle:Circle = new Circle(new LngLat(121.3109, 31.0923), 1400);
// 设置圆形覆盖物的样式
circle.symbol = new CircleSymbol(0xff00ff, 0.8, 2, 0x9ef58a, 0.8);
map.addOverlay(circle);
}

private function DrawPolyline():void{
var coords:Vector.<LngLat> = new Vector.<LngLat>();
coords.push(new LngLat(121.3109, 31.0923));
coords.push(new LngLat(121.3113, 31.0958));
coords.push(new LngLat(121.3128, 31.0999));
// 创建折线覆盖物
var polyline:Polyline = new Polyline(coords);
polyline.symbol = new PolylineSymbol(0x00ff00, 0.8, 6);
map.addOverlay(polyline);
}

private function DrawPolygon():void{
// 设置多边形的坐标串
var coords:Vector.<LngLat> = new Vector.<LngLat>();
coords.push(new LngLat(121.3109, 31.0923));
coords.push(new LngLat(121.3333, 31.1058));
coords.push(new LngLat(121.3188, 31.1199));
// 创建多边形覆盖物
var polygon:Polygon = new Polygon(coords);
polygon.symbol = new PolygonSymbol(0x00ff00, 1, 3, 0xffff00, 0.4);
map.addOverlay(polygon);
}

private function DrawMarks():void{
for(var i:int=0;i<100;i++){
var marker:Marker = new Marker();
marker.position = new LngLat(121.3108 + i/10000, 31.0923 + i/10000);
map.addOverlay(marker);
marker.enableDragging = true;
}
}

private function Close():void{
NativeApplication.nativeApplication.exit();
}
//进入记录路况界面
protected function record_brn_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
navigator.pushView(views.status.PostStuatus);
}
//返回到首界面
protected function return_btn_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
navigator.popToFirstView();
}

protected function view1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
ini();
}
]]>
</fx:Script>

<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<s:navigationContent>
<s:Button id="return_btn" label="<" click="return_btn_clickHandler(event)"/>
</s:navigationContent>
<s:actionContent>
<s:Button id="record_brn" label="记录路况" click="record_brn_clickHandler(event)"/>
</s:actionContent>
<s:VGroup id="MyGroup" width="100%" height="100%" gap="0">
<s:HGroup width="100%" height="10%" gap="0" paddingLeft="10" paddingRight="10"
verticalAlign="middle">
<s:Label width="25%" fontSize="16" text="所在位置:"/>
<s:HGroup width="58%" height="100%" verticalAlign="middle">
<s:Label id="position_lab" width="100%" backgroundColor="#F8F8F8" fontSize="16"
text="山东省青岛市黄岛区江山南路"/>
</s:HGroup>
<s:Button y="7" width="17%" label="输入" fontSize="14"/>
</s:HGroup>
<s:VGroup width="100%" height="100%" gap="0">

<s:Button x="13" y="595" label="加载地图" width="121" height="25" click="ini()" fontSize="14"/>
<s:Group id="Gp" x="14" y="10" width="100%" height="100%">
</s:Group>
<s:HGroup width="100%" height="10%" gap="0">
<s:Button id="BtnAddLabel" x="163" y="595" width="25%" height="46" label="添加文本"
click="AddLabel()" fontSize="14"/>
<s:Button id="BtnAddMark" x="330" y="598" width="24%" height="46" label="添加标注"
click="AddMark()" fontSize="13"/>
<s:Button id="BtnAddCustomMark" x="2" y="670" width="26%" height="45" label="自定义标注"
click="AddCustomMark()" fontSize="12"/>
<s:Button id="BtnInfoWindow" x="10" y="737" width="25%" height="44" label="信息窗口"
click="ShowInfoWindow()" fontSize="14"/>
</s:HGroup>
<s:HGroup width="100%" height="10%" gap="0">
<s:Button id="BtnAddCircle" x="162" y="666" width="20%" height="49" label="画圆"
click="DrawCircle()"/>
<s:Button id="BtnAddPolyline" width="20%" height="44" label="画线"
click="DrawPolyline()"/>
<s:Button id="AddPolygon" x="374" y="668" width="18%" height="43" label="画面"
click="DrawPolygon()" fontSize="14"/>
<s:Button id="BtnDrawCircles" x="192" y="737" width="25%" height="43" label="画标注集"
click="DrawMarks()" fontSize="14"/>
<s:Button x="361" y="731" width="17%" height="43" label="退出" click="Close()"
fontSize="14"/>
</s:HGroup>

</s:VGroup>
</s:VGroup>
</s:View>

Answer 2

首先要放在body里面