欢迎您来到快速入门了解使用NewMap 地图API来搭建您所需的平台。您可以按照以下所介绍的步骤进行。如需要更多帮助请查阅参考手册或者联系我们的技术人员寻求支持。下面就请按照页面及文档所提供的方法开始您的NewMap地图开发之旅吧!

NewMap FlexAPI二次开发接口库提供了用于实现地图显示、地图操作、地图控件、要素查找、统计分析、距离/面积量测、信息标注、信息窗口、图形绘制等功能的共计76大类、263个API函数接口。
使用Flex API工具包进行Web应用系统开发的方法:

1.在Flex Build3中新建一个基于Web应用的Flex工程,并且在工程的Library path中导入Flex API开发包newmap-api.swc。在Flex工程中,新建MXML文件,在MXML文件中加入初始化地图的容器标签:

<nm:NMap id="flexmap" width="100%" height="100%" zoom="2" centerLonLat="12,19">

    <nm:NTileCacheLayer name="tilecache"

        isBaseLayer="true"

        url="http://127.0.0.1:8719/cache/googleDisk/"

        layerName="china_vector"

        resolutions="0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625"/>

    <nm:NPanZoomBarControl/>

    <nm:NMousePositionControl x="10" y="{height-20}" displayProjection="EPSG:4326"/>

</nm:NMap>

参数说明:

width="100%" height="100%":地图容器大小(可自定义)。

zoom = "2":设置地图的zoom级别:

centerLonLat = "12,19":设置地图的中心点坐标。

nm:NTileCacheLayer:指定地图的基础图层为NTileCacheLayer类型。

2.引入所需的命名空间:

<mx:Script>

<![CDATA[

        import newmap.api.NMap;

        import newmap.api.utility.NTrace;

]]>

</mx:Script>

3.在引入的命名空间后定义变量和初始化函数:

[Bindable]private var map:NMap = null;

[Bindable]private var booltype:Boolean = false;

private function initMap():void{

        map = flexmap.map;

        NTrace.useFireBugConsole = booltype;}

4.完整代码示例:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:nm="http://www.newmapgis.net" creationComplete="initMap();">

    <nm:NMap id="flexmap" width="100%" height="100%" zoom="2" centerLonLat="12,19">

        <nm:NTileCacheLayer name="tilecache"

            isBaseLayer="true"

            url="http://127.0.0.1:8719/cache/googleDisk/"

            layerName="china_vector"

            resolutions="0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625"/>

            <nm:NPanZoomBarControl/>

            <nm:NMousePositionControl x="10" y="{height-20}" displayProjection="EPSG:4326"/>

    </nm:NMap>

    <mx:Script>

    <![CDATA[

            import newmap.api.NMap;

            import newmap.api.utility.NTrace;

            [Bindable]private var map:NMap = null;

            [Bindable]private var booltype:Boolean = false;

            private function initMap():void{

            map = flexmap.map;

            NTrace.useFireBugConsole = booltype;}

    ]]>

    </mx:Script>

</mx:Application>

6.通过浏览器访问页面,截图如下:

*** NewMapServer © 2010 中国测绘科学研究院 ***

版权所有:NewMap·新图软件 中国测绘科学研究院GIS所 | 技术支持:北京四维远见信息技术有限公司新图事业部 | 审批号:国C (2013)008号

联系电话:010-88278727        地址:北京市海淀区太平路44号院东建行楼上三层