全部服务产品
开发者频道
定价
登录

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
 
(未显示1个用户的2个中间版本)
第1行: 第1行:
 
{{flash-sidebar}}
 
{{flash-sidebar}}
 +
<p style="font-size:16px;font-weight:bold;background:#fff;border-bottom:1px solid #eee;padding-bottom:10px;margin:0px 0 15px 0px;">基础知识</p>
 
==配置开发环境==
 
==配置开发环境==
  
第14行: 第15行:
 
以下代码创建了一个地图并以天安门作为地图的中心:
 
以下代码创建了一个地图并以天安门作为地图的中心:
  
<pre>
+
<source>
 
package
 
package
 
{
 
{
第49行: 第50行:
 
}
 
}
 
}
 
}
</pre>
+
</source>
  
 
下面将详细为您解释上述代码。
 
下面将详细为您解释上述代码。
第58行: 第59行:
 
创建一个文档类,设置舞台属性。如下代码:
 
创建一个文档类,设置舞台属性。如下代码:
  
<pre>
+
<source>
 
package
 
package
 
{
 
{
第78行: 第79行:
 
}
 
}
 
}
 
}
</pre>
+
</source>
  
 
'''创建地图对象'''
 
'''创建地图对象'''
第84行: 第85行:
 
需要先import Size类和Map类。
 
需要先import Size类和Map类。
  
<pre>
+
<source>
 
import baidu.map.basetype.Size;
 
import baidu.map.basetype.Size;
 
import baidu.map.core.Map;
 
import baidu.map.core.Map;
</pre>
+
</source>
  
 
Map的参数是Size对象,表示了Map的大小。
 
Map的参数是Size对象,表示了Map的大小。
  
<pre>
+
<source>
 
// 创建一个大小为600*400的Map对象
 
// 创建一个大小为600*400的Map对象
 
var map:Map = new Map(new Size(600, 400));
 
var map:Map = new Map(new Size(600, 400));
 
addChild(map);
 
addChild(map);
</pre>
+
</source>
  
 
'''地图初始化'''
 
'''地图初始化'''
第101行: 第102行:
 
需要先import LngLat类。
 
需要先import LngLat类。
  
<pre>
+
<source>
 
import baidu.map.basetype.LngLat;
 
import baidu.map.basetype.LngLat;
</pre>
+
</source>
  
 
将地图的中心点坐标设置为经度116.404,纬度39.915。显示级别设置为12。
 
将地图的中心点坐标设置为经度116.404,纬度39.915。显示级别设置为12。
  
<pre>
+
<source>
 
map.centerAndZoom(new LngLat(116.404, 39.915), 12);
 
map.centerAndZoom(new LngLat(116.404, 39.915), 12);
</pre>
+
</source>
  
 
'''创建底图'''
 
'''创建底图'''
第115行: 第116行:
 
地图展现需要通过添加底图来实现。先import Layer类和RasterLayer类。
 
地图展现需要通过添加底图来实现。先import Layer类和RasterLayer类。
  
<pre>
+
<source>
 
import baidu.map.layer.Layer;
 
import baidu.map.layer.Layer;
 
import baidu.map.layer.RasterLayer;
 
import baidu.map.layer.RasterLayer;
</pre>
+
</source>
  
 
初始化图层,并添加到Map中。
 
初始化图层,并添加到Map中。
<pre>
+
<source>
 
var layer:Layer = new RasterLayer("BaiduMap", map);
 
var layer:Layer = new RasterLayer("BaiduMap", map);
 
map.addLayer(layer);
 
map.addLayer(layer);
</pre>
+
</source>
  
 
==地图配置与操作==
 
==地图配置与操作==
第133行: 第134行:
  
 
Map类提供了若干修改地图状态的方法。如:
 
Map类提供了若干修改地图状态的方法。如:
<pre>
+
<source>
 
map.center = new LngLat(114.30, 30.54);  
 
map.center = new LngLat(114.30, 30.54);  
 
map.zoom = 13;
 
map.zoom = 13;
</pre>
+
</source>

2014年8月29日 (五) 16:10的最后版本

基础知识

配置开发环境

以Flash Builder为例。如果您使用Flash IDE、FDT或者Flash Develop配置方法会稍有不同。

在Flash Builder里创建Flex/ActionScript Project,在Package Explorer中右键点击新创建的项目,选择Properties。点击Flex Library Build Path菜单,选择Library path标签页,点击Add Swc按钮,选择您下载的BMap.swc。

确认完成BMap.swc的配置。

百度地图的“Hello, World”

开始学习百度地图Flash API最简单的方式是看一个简单的示例。

以下代码创建了一个地图并以天安门作为地图的中心:

package
{
	import baidu.map.basetype.Size;
	import baidu.map.core.Map;
	import baidu.map.basetype.LngLat;
	import baidu.map.layer.Layer;
	import baidu.map.layer.RasterLayer;
 
	import flash.display.Sprite;
	import flash.display.StageAlign;
	import flash.display.StageScaleMode;
 
	/**
	 * Demo:Hello World!
	 */ 
	public class HelloWorld extends Sprite
	{
		public function HelloWorld()
		{
			// 舞台设置 
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
 
			// 创建一个大小为600*400的Map对象
			var map:Map = new Map(new Size(600, 400));
			addChild(map);
			// 初始化Map的中心点和显示级别
			map.centerAndZoom(new LngLat(116.404, 39.915), 12);
			// 添加底图
			var layer:Layer = new RasterLayer("BaiduMap", map);
			map.addLayer(layer);
		}
	}
}

下面将详细为您解释上述代码。


新建文档类

创建一个文档类,设置舞台属性。如下代码:

package
{
	import flash.display.Sprite;
	import flash.display.StageAlign;
	import flash.display.StageScaleMode;
 
	/**
	 * Demo:Hello World!
	 */ 
	public class HelloWorld extends Sprite
	{
		public function HelloWorld()
		{
			// 舞台设置 
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
		}
	}
}

创建地图对象

需要先import Size类和Map类。

import baidu.map.basetype.Size;
import baidu.map.core.Map;

Map的参数是Size对象,表示了Map的大小。

// 创建一个大小为600*400的Map对象
var map:Map = new Map(new Size(600, 400));
addChild(map);

地图初始化

需要先import LngLat类。

import baidu.map.basetype.LngLat;

将地图的中心点坐标设置为经度116.404,纬度39.915。显示级别设置为12。

map.centerAndZoom(new LngLat(116.404, 39.915), 12);

创建底图

地图展现需要通过添加底图来实现。先import Layer类和RasterLayer类。

import baidu.map.layer.Layer;
import baidu.map.layer.RasterLayer;

初始化图层,并添加到Map中。

var layer:Layer = new RasterLayer("BaiduMap", map);
map.addLayer(layer);

地图配置与操作

地图被实例化并完成初始化以后,就可以与其进行交互了。Flash API中的地图对象的外观与行为与百度地图网站上交互的地图非常相似。它支持鼠标拖拽、滚轮缩放、双击放大等交互功能。您也可以修改配置来改变这些功能。 比如,默认情况下地图不支持鼠标滚轮缩放操作,因为这样可能会影响整个页面的用户体验,但是如果您希望在地图中使用鼠标滚轮控制缩放,则可以调用map.enableScrollWheelZoom方法来开启。配置选项可以在Map类参考的配置方法一节中找到。

此外,您还可以通过编程的方式与地图交互。

Map类提供了若干修改地图状态的方法。如:

map.center = new LngLat(114.30, 30.54); 
map.zoom = 13;
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消