移动应用地图工具包WhirlyGlobe-Maply新建android项目

WhirlyGlobe-Maply是一个基于OpenGL ES、专注移动应用的开源地图工具包，支持ios和android平台，本文以android平台为例。

环境：windows7 64位，Androidstudio 1.2.2，WhirlyGlobe-Maply（下载地址）

打开Androidstudio，新建一个名为“HelloEarth”的项目：

选择SDK

选择空的activity

保持默认名称MainActivity，也可以修改名称

点击Finish完成。

复制WhirlyGlobeMaply.aar（下载压缩包app/libs/WhirlyGlobeMaply.aar）到app/libs文件夹下：

打开build.gradle(Project:HelloEarth)文件，在allprojects里面添加如下内容：

打开build.gradle(Module:app)文件，在dependencies里面添加以下内容：

右键点击MainActivity，在项目窗口中选择一个新的空白的Fragment，命名为HelloGlobeFragment，去掉三个对勾

打开activity_main.xml，注释掉原有的HelloWorld文本框，改为以下内容

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <!--<TextView android:text="@string/hello_world" android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content" />-->
    <fragment
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:name="com.example.administrator.helloearth.HelloGlobeFragment"
        android:id="@+id/fragment"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"></fragment>


</RelativeLayout>

打开HelloGlobeFragment.java，修改原有的代码为以下代码

package com.example.administrator.helloearth;


import android.os.Bundle;
import android.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.mousebird.maply.GlobeMapFragment;
import com.mousebird.maply.QuadImageTileLayer;
import com.mousebird.maply.RemoteTileInfo;
import com.mousebird.maply.RemoteTileSource;
import com.mousebird.maply.SphericalMercatorCoordSystem;
import java.io.File;


/**
 * A simple {@link Fragment} subclass.
 */
public class HelloGlobeFragment extends GlobeMapFragment {


//    public HelloGlobeFragment() {
//        // Required empty public constructor
//    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle inState) {
//        TextView textView = new TextView(getActivity());
//        textView.setText(R.string.hello_blank_fragment);
//        return textView;
        super.onCreateView(inflater,container,inState);
        return baseControl.getContentView();
    }

    @Override
    protected MapDisplayType chooseDisplayType(){
        return MapDisplayType.Globe;
    }

    @Override
    protected void controlHasStarted(){
        // 设置瓦片地图
        String cacheDirName="stamen_watercolor";
        File cacheDir=new File(getActivity().getCacheDir(),cacheDirName);
        cacheDir.mkdir();
        RemoteTileSource remoteTileSource=new RemoteTileSource(new RemoteTileInfo("http://tile.stamen.com/watercolor/","png",0,18));
        remoteTileSource.setCacheDir(cacheDir);
        SphericalMercatorCoordSystem coordSystem=new SphericalMercatorCoordSystem();

        // 当为全球显示时使用globeControl
        // 当为地图显示时使用mapControl
        QuadImageTileLayer baseLayer=new QuadImageTileLayer(globeControl,coordSystem,remoteTileSource);
        baseLayer.setImageDepth(1);
        baseLayer.setSingleLevelLoading(false);
        baseLayer.setUseTargetZoomLevel(false);
        baseLayer.setCoverPoles(true);
        baseLayer.setHandleEdges(true);

        // 添加图层并确定位置
        globeControl.addLayer(baseLayer);
        globeControl.animatePositionGeo(-3.6704803, 40.5023056, 5, 1.0);

    }
}

成果如图,可以通过双击放大：

以上是创建球状地图，接下来我们创建二维地图：

如上述过程选择一个新的空白的Fragment，命名为HelloMapFragment，修改activity_main.xml内容

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <!--<TextView android:text="@string/hello_world" android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content" />-->
    <!--<fragment-->
        <!--android:layout_width="fill_parent"-->
        <!--android:layout_height="fill_parent"-->
        <!--android:name="com.example.administrator.helloearth.HelloGlobeFragment"-->
        <!--android:id="@+id/fragment"-->
        <!--android:layout_centerVertical="true"-->
        <!--android:layout_centerHorizontal="true"></fragment>-->

    <fragment
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:name="com.example.administrator.helloearth.HelloMapFragment"
        android:id="@+id/fragment"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"></fragment>

</RelativeLayout>

修改HelloMapFragment.java代码

package com.example.administrator.helloearth;


import android.os.Bundle;
import android.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.mousebird.maply.GlobeMapFragment;
import com.mousebird.maply.QuadImageTileLayer;
import com.mousebird.maply.RemoteTileInfo;
import com.mousebird.maply.RemoteTileSource;
import com.mousebird.maply.SphericalMercatorCoordSystem;
import java.io.File;


/**
 * A simple {@link Fragment} subclass.
 */
public class HelloMapFragment extends GlobeMapFragment {


//    public HelloGlobeFragment() {
//        // Required empty public constructor
//    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle inState) {
//        TextView textView = new TextView(getActivity());
//        textView.setText(R.string.hello_blank_fragment);
//        return textView;
        super.onCreateView(inflater,container,inState);
        return baseControl.getContentView();
    }

    @Override
    protected MapDisplayType chooseDisplayType(){
        return MapDisplayType.Map;
    }

    @Override
    protected void controlHasStarted(){
        // 设置瓦片地图
        String cacheDirName="stamen_watercolor";
        File cacheDir=new File(getActivity().getCacheDir(),cacheDirName);
        cacheDir.mkdir();
        RemoteTileSource remoteTileSource=new RemoteTileSource(new RemoteTileInfo("http://tile.stamen.com/watercolor/","png",0,18));
        remoteTileSource.setCacheDir(cacheDir);
        SphericalMercatorCoordSystem coordSystem=new SphericalMercatorCoordSystem();

        // 当为全球显示时使用globeControl
        // 当为地图显示时使用mapControl
        QuadImageTileLayer baseLayer=new QuadImageTileLayer(mapControl,coordSystem,remoteTileSource);
        baseLayer.setImageDepth(1);
        baseLayer.setSingleLevelLoading(false);
        baseLayer.setUseTargetZoomLevel(false);
        baseLayer.setCoverPoles(true);
        baseLayer.setHandleEdges(true);

        // 添加图层并确定位置
        mapControl.addLayer(baseLayer);
        mapControl.animatePositionGeo(103.994067, 30.770697, 5, 1.0);
        mapControl.setAllowRotateGesture(true);
    }
}

成果如图，同样双击放大：

完成！