<template>
	<view class="content">
		<!-- <view class="box">
			   <map style="width: 100%; height: 100vh;"
				scale="14"  show-location="true"
				:latitude="latitude" :longitude="longitude" :markers="covers">
		      </map> 
		</view> -->
		
		 <view id="firstScreenPage">
		 	<view class="loader-inner ball-beat">
		 	
		 	   <view></view> <view></view> <view></view>
		 	
		 	</view>
		 
		 </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				covers: [{
				        latitude:'',
				        longitude: '',
						
						title:'',
					   
				 }],
				 longitude:'',
				 latitude:'',
			}
		},
		onLoad(opt) {
			 //uni.showLoading({ title: '加载中'});
			var that=this;
			this.latitude=opt.lat
		    this.longitude=opt.lng
		    this.covers[0].latitude=opt.lat
		    this.covers[0].longitude=opt.lng
			this.covers[0].title=opt.content
			console.log(this.covers[0])
			 uni.openLocation({
				latitude:Number( this.latitude),
				longitude: Number(this.longitude),
				name: this.covers[0].title,
				//address: that.shopdata.address,
				success: function() {
					console.log('success');
				},
				fail(err) {
					console.log(err)
				},
				complete(){
					uni.navigateBack({
						delta:1
					})
				}
			}); 
		},
		
		
		methods: {
            
		}
	}
</script>

<style>
	.content {
		/* display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center; */
		
	}
	.box{
	
		
	}
#firstScreenPage { top:50%; left:50%; position: absolute; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index:100; }
	
	@-webkit-keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
	
	@keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
	
	.ball-beat > view { background-color: #279fcf; width: 15px; height: 15px; border-radius: 100% !important; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear; }
	
	.ball-beat > view:nth-child(2n-1) { -webkit-animation-delay: 0.35s !important; animation-delay: 0.35s !important; }
</style>
