OpenScales入门教程第3节 : 增加一个标注

技术2022-05-19 25

Navigation

· index

· OpenScales v1.2 documentation »

第3节 : 增加一个标注¶

准备工作¶

在阅读本节前请先阅读第二节第 2节 : 创建第一个地图.

本节范例将展示为以下效果?¶

Action Script代码显示地图¶

import org.openscales.geometry.basetypes.Location; import org.openscales.core.Map; import org.openscales.core.feature.CustomMarker; import org.openscales.core.feature.PointFeature; import org.openscales.core.layer.FeatureLayer; import org.openscales.core.style.Style; import org.openscales.geometry.Point; import org.openscales.proj4as.ProjProjection; [Bindable] private var map:Map = null; private function initMap():void { map = fxmap.map; var markers:FeatureLayer = new FeatureLayer("NameOfYourLayerWithMarkers"); markers.projection = new ProjProjection("EPSG:4326"); markers.generateResolutions(19); markers.style = Style.getDefaultPointStyle(); //add the first marker var marker:PointFeature = PointFeature.createPointFeature(new Location(4.85680,45.75336)); markers.addFeature(marker); //add a second marker marker = PointFeature.createPointFeature(new Location(4.85780,45.75336)); markers.addFeature(marker); //add marker with different symbol, writing url address markers.addFeature(CustomMarker. createUrlBasedMarker("http://earth.google.com/intl/en_uk/outreach/images/add_placemark.png", new Location(4.85580,45.75336))); //add the layer map.addLayer(markers); } ]]>

增加一个默认的标注样式¶

mxml文件的as部分将在地图上创建一个标注.

创建一个简单的地图标注你需要以下准备:

创建一个功能层定义使用层的投影地图标注显示的分辨率定义一个默认样式创建一个正确的坐标点 (需要与层的投影相同) import org.openscales.core.Map; import org.openscales.core.feature.PointFeature; import org.openscales.core.layer.FeatureLayer; import org.openscales.core.style.Style; import org.openscales.geometry.Point; import org.openscales.proj4as.ProjProjection; [Bindable] private var map:Map = null; private function initMap():void { map = fxmap.map; var markers:FeatureLayer = new FeatureLayer("NameOfYourLayerWithMarkers"); markers.projection = new ProjProjection("EPSG:4326"); markers.generateResolutions(19); markers.style = Style.getDefaultPointStyle(); var marker:PointFeature=PointFeature.createPointFeature(new Location(4.85980,45.75336)); markers.addFeature(marker); map.addLayer(markers); } ]]>

增加一个地图标示¶

将以下两行增加到层代码前

map.addLayer(markers); marker = PointFeature.createPointFeature(new Location(4.85980,45.75336)); markers.addFeature(marker);

使用自定义图片显示地图标示¶

你可以通过一个URL增加一个标示图片:首先需要应用一下库文件:

import org.openscales.core.feature.CustomMarker;

然后在增加的层中,增加一个地图标示:

markers.addFeature(CustomMarker.createUrlBasedMarker("http://earth.google.com/intl/en_uk/outreach/images/add_placemark.png", new Location(4.85980,45.75336)));

小结¶

现在你就能够增加一个地图标注在Openscales地图中了.

Tutorial 3 : Add markers

§ Prerequisites

§ What do you obtain with this tutorial?

§ Action Script code to obtain the map

§ Add a default style marker

§ Add another marker

§ Add marker with custom symbol

§ Here you are

This Page

Show Source

Quick search

Enter search terms or a module, class or function name.