<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0" />
<link href="http://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./css/index.css" />
<link rel="stylesheet" href="./css/vant.css" />
<title>谷歌地图</title>
</head>
<body>
<!-- 地图 -->
<div id="map"></div>
<!-- css loading动画 -->
<div class="loader" id="loader"></div>
<!-- 顶部tab切换 -->
<div id="app">
<div class="tabs">
<div class="tabs-left active" onclick="myBtn1()"><span>热门</span></div>
<div class="tabs-right" onclick="myBtn2()"><span>推荐</span></div>
</div>
</div>
<!-- 滑块 -->
<div id="slider">
<div class="slider-title">距离</div>
<div class="slider-box">
<van-slider active-color="darkcyan" bar-height="7" v-model="value" @change="onChange" max="14" min="1"
step="1">
<template #button>
<div class="custom-button">{{ value }}</div>
</template>
</van-slider>
</div>
<div class="slider-btn" id="close_btn" >关闭</div>
</div>
</body>
<!-- 引入js -->
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/rem.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/toast.js"></script>
<script src="./js/vant.js"></script>
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key= [your key] &libraries=places&callback=initMap" async
defer></script>
<script src="./js/city.js"></script>
<script src="./js/index.js"></script>
</html>
谷歌地图大全 API的基本使用
需积分: 5 184 浏览量
2023-05-27
16:38:30
上传
评论
收藏 499KB ZIP 举报
tel-google_1.2.0.zip （39个子文件） 
pages.json 896B
pages index index.nvue 3KB me me.vue 172B App.vue 260B manifest.json 4KB main.js 327B uni.scss 2KB hybrid html maps js vant.js 510KB VConsole.js 18KB rem.js 1KB slider.js 0B index.js 17KB vue.js 164KB jquery-3.2.1.min.js 85KB city.js 65KB toast.js 734B img 
loading2.gif 8KB
1.png 13KB css modules laydate default laydate.css 8KB code.css 2KB layer default loading-2.gif 2KB loading-1.gif 701B loading-0.gif 6KB icon-ext.png 6KB layer.css 14KB icon.png 11KB vant.css 182KB slider.css 0B index.css 3KB
index.html 2KB index.html 672B nativeplugins Darius-GoogleMap android uniplugin_richalert-release.aar 19KB package.json 1KB ios liblibWeexDariusGoogleMap.a 223KB static logo.png 4KB 先看这里_files 
2.jpg 28KB 1.jpg 28KB 3.jpg 14KB 先看这里.md 319B资源评论
