高德api之云图

Posted 2023-05-18

参考技术A 什么是云图?

高德云图，为您提供位置数据存储、检索、展现服务，助您快速搭建基于业务数据的网站或APP，一份数据实时同步各端（如Web网站、H5、APP）应用；

核心功能：位置数据的存贮、编辑、检索、展现以及应用开发；

基于业务数据，用云图可以快速在线制作地图并搭建LBS、O2O应用。

云图主要包含2个类：

AMap.CloudDataLayer ：云数据图层

AMap.CloudDataSearch ：云数据检索服务

这两个类也是云图的插件。

使用方法

1、 CloudDataLayer

//加载云图层插件 

 map.plugin('AMap.CloudDataLayer', function()  

 var layerOptions = query: keywords: '' , clickable: true ;

//加载云图时需要key

 var cloudDataLayer = new AMap.CloudDataLayer(key, layerOptions); //实例化云图层类 cloudDataLayer.setMap(map); //叠加云图层到地图 

//绑定事件

 AMap.event.addListener(cloudDataLayer, 'click', function(result)  

 var clouddata = result.data; // console.log(clouddata) 

)；

2、 CloudDataSearch

map.plugin('AMap.CloudDataSearch', function()

 var searchOptions =

            keywords:'',

            pageSize:100,

            pageIndex:1,

            orderBy:'_id:ASC'

        ;

 var search = new AMap.CloudDataSearch(key, searchOptions); //构造云数据检索类

       //区域搜索

  search.searchByDistrict("四川省",function(status,result)

        );

    //周边搜索

    search.searchNearBy([116.39946, 39.907629], 10000,function(status,result)

   );

//边框搜索

var arr = [ //绘制多边形

            [116.386414, 39.920664],

            [116.411648, 39.922244],

            [116.413879, 39.906708],

            [116.398087, 39.904074],

            [116.383667, 39.912633],

            [116.386414, 39.920664]

        ];

        search.searchInPolygon(arr，function(status.result)

    );

//根据数据ID搜索

search.searchById("1", function(status,result)

);

以上为使用时或者学习理解时较为有用的方法，如需了解更多可以参考高德api

Unity Shader案例之地球云图

一、地球旋转云图

   1.1 添加纹理

Shader "liulongling/earth" 
	Properties 
		_Tex1("地球",2D)="white"
		_Tex2("云图",2D)="gray"
	

	SubShader 
		Pass
		
			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag
			#include "unitycg.cginc"
			sampler2D _Tex1;
			sampler2D _Tex2;
			struct v2f
			
				fixed4 vertex:POSITION;
				fixed2 uv:TEXCOORD0;
			;

			v2f vert(appdata_base v)
			
				v2f o;
				o.vertex =mul(UNITY_MATRIX_MVP,v.vertex);
				o.uv= v.texcoord;
				return o;
			

			fixed4 frag(v2f i):COLOR
			
				fixed4 c;
				c.rgb = tex2D(_Tex1,i.uv).rgb+tex2D(_Tex2,i.uv).r;
				c.a = 1;
				return c;
			
			ENDCG
		

	

提示：纹理Cloud使用r通道，才能够显示出来云层的效果。第三十行莫忘了加上:COLOR，偶经常犯这错误~

   1.2 纹理效果

   1.3 给地球加个旋转动画效果

修改第三十行代码

fixed4 frag(v2f i):COLOR

	fixed4 c;
	fixed2 uv=fixed2(i.uv.x+_Time.y/10,i.uv.y);
	fixed2 uv1=fixed2(i.uv.x+_Time.y/5,i.uv.y);
	c.rgb = tex2D(_Tex1,uv).rgb+tex2D(_Tex2,uv1).r;
	c.a = 1;
	return c;

   1.4 地球旋转动画效果

作者： 小毛驴，一个游戏人　
梦想：世界和平　　　
原文地址： http://blog.csdn.net/liulongling 若有错误之处，请多多谅解并欢迎批评指正。　 　　　 本博客中未标明转载的文章归作者 小毛驴所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。