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

第3节 : 增加一个标注¶

准备工作¶

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

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地图中了.

Table Of Contents

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.

Navigation

· index

· OpenScales v1.2 documentation »

© Copyright 2010, openscales.org. Created using Sphinx 1.0.4.