jslib-tools
Version:
js工具库 封装常用的工具函数 如深拷贝 时间转换日期格式化、浏览器判断等，提高开发效率
178 lines (153 loc) • 9.56 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: plugins/AMap/index.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: plugins/AMap/index.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>/*
* @Author: zhangyu
* @Email: zhangdulin@outlook.com
* @Date: 2021-06-18 10:18:51
* @LastEditors: zhangyu
* @LastEditTime: 2021-06-18 10:24:28
* @Description:
*/
/**
* @description: 加载高德地图
* @param {*} p 数组 插件名称
* @return {*}
*/
export default function AMaploader (p) {
return new Promise((resolve, reject) => {
const plugin = p && p.join(',') || ''
if (window.AMap) {
resolve(window.AMap)
} else {
// 加载高德地图代码
const id = 'gaode-map'
const oldjs = document.getElementById(id);
if (oldjs) oldjs.parentNode.removeChild(oldjs);
const url = `https://webapi.amap.com/maps?v=1.4.15&plugin=${plugin}&key=${process.env.VUE_APP_MAPKEY}&callback=initAMap`
const jsapi = document.createElement('script')
jsapi.charset = 'utf-8'
jsapi.src = url
jsapi.id = id
document.head.appendChild(jsapi)
window.initAMap = () => {
resolve(window.AMap)
}
}
})
}
// 用法
// 引用
// import AMaploader from '*/AMap.js';
// 同时引入工具条插件，比例尺插件和鹰眼插件
// AMaploader([
// 'AMap.ToolBar',
// 'AMap.Scale',
// 'AMap.Autocomplete',
// 'AMap.PlaceSearch',
// 'AMap.Geolocation',
// 'AMap.Geocoder'
// ]).then(
// AMap => {
// this.map = new AMap.Map('container', {
// resizeEnable: true, // 是否监控地图容器尺寸变化
// zoom: 14, // 设置地图显示的缩放级别
// // center: [], //设置地图中心点坐标
// viewMode: '2D', // 设置地图模式
// lang: 'zh_cn' // 设置地图语言类型
// });
// this.map.on('complete', () => {
// // 地图图块加载完成后触发
// });
// this.map.on('click', ev => {
// // 触发事件的对象
// // const target = ev.target
// // 触发事件的地理坐标，AMap.LngLat 类型 精度lng 纬度lat
// const lnglat = ev.lnglat;
// // 触发事件的像素坐标，AMap.Pixel 类型 x y
// // const pixel = ev.pixel
// // 触发事件类型
// // const type = ev.type
// });
// this.map.on('dragend', () => {
// });
// this.map.on('dragging', () => {
// });
// this.map.on('zoomend', e => {
// // 获取地图缩放级别
// console.log(e, 'zoomend');
// });
// this.map.addControl(new AMap.ToolBar());
// // 在图面添加比例尺控件，展示地图在当前层级和纬度下的比例尺
// const scale = new AMap.Scale({
// offset: new AMap.Pixel(10, 20),
// position: 'RB'
// });
// this.map.addControl(scale);
// this.map.addControl(new AMap.PlaceSearch());
// // 地理编码与逆地理编码服务，用于地址描述与坐标间的相互转换
// const geocoder = new AMap.Geocoder({
// radius: this.mapInfoDefault.radius // 范围，默认：500
// });
// this.map.addControl(geocoder);
// // 在图面添加定位控件，用来获取和展示用户主机所在的经纬度位置
// const geolocation = new AMap.Geolocation({
// // 是否使用高精度定位，默认：true
// enableHighAccuracy: true,
// // 设置定位超时时间，默认：无穷大
// timeout: 3000,
// // 自动偏移坐标，偏移后的坐标为高德坐标，默认：true
// convert: true,
// // 是否使用安卓定位sdk用来进行定位，
// useNative: true,
// // 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20)
// buttonOffset: new AMap.Pixel(10, 20),
// // 定位按钮的排放位置, RB表示右下
// buttonPosition: 'LB',
// showMarker: false, // 定位成功后在定位到的位置显示点标记，默认：true
// showCircle: false, // 定位成功后用圆圈表示定位精度范围，默认：true
// panToLocation: false, // 定位成功后将定位到的位置作为地图中心点，默认：true
// zoomToAccuracy: true // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
// });
// // AMap.event.addListener(
// // geolocation,
// // 'complete',
// // _this.geolocationComplete
// // );
// // AMap.event.addListener(geolocation, 'error', console.log(e));
// this.map.addControl(geolocation);
// },
// e => {
// this.$toast.fail('地图加载失败！请重新进入页面');
// console.log(e);
// }
// )</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#alias">alias</a></li><li><a href="global.html#arrayMove">arrayMove</a></li><li><a href="global.html#arrayMoveMutate">arrayMoveMutate</a></li><li><a href="global.html#arrayToObject">arrayToObject</a></li><li><a href="global.html#arrayToTree">arrayToTree</a></li><li><a href="global.html#arrFibonacci">arrFibonacci</a></li><li><a href="global.html#arrVals">arrVals</a></li><li><a href="global.html#callHandler">callHandler</a></li><li><a href="global.html#camelize">camelize</a></li><li><a href="global.html#checkInt">checkInt</a></li><li><a href="global.html#checkNum">checkNum</a></li><li><a href="global.html#clipboardObj">clipboardObj</a></li><li><a href="global.html#compareSize">compareSize</a></li><li><a href="global.html#cookie">cookie</a></li><li><a href="global.html#cursortPosition">cursortPosition</a></li><li><a href="global.html#dasherize">dasherize</a></li><li><a href="global.html#dateFormat1">dateFormat1</a></li><li><a href="global.html#dateFormat2">dateFormat2</a></li><li><a href="global.html#debounce">debounce</a></li><li><a href="global.html#decode_url_param">decode_url_param</a></li><li><a href="global.html#def">def</a></li><li><a href="global.html#elDateFormat">elDateFormat</a></li><li><a href="global.html#escapeHTML">escapeHTML</a></li><li><a href="global.html#exportXls">exportXls</a></li><li><a href="global.html#extend">extend</a></li><li><a href="global.html#getBrowserModel">getBrowserModel</a></li><li><a href="global.html#getChangedData">getChangedData</a></li><li><a href="global.html#getChildren">getChildren</a></li><li><a href="global.html#getCookie">getCookie</a></li><li><a href="global.html#getDefaultAvatar">getDefaultAvatar</a></li><li><a href="global.html#getDeviceModel">getDeviceModel</a></li><li><a href="global.html#getHttpBase64">getHttpBase64</a></li><li><a href="global.html#getImgBase64">getImgBase64</a></li><li><a href="global.html#getThumbnails">getThumbnails</a></li><li><a href="global.html#getType">getType</a></li><li><a href="global.html#handleEmoji">handleEmoji</a></li><li><a href="global.html#handleParam">handleParam</a></li><li><a href="global.html#handleText">handleText</a></li><li><a href="global.html#isArray">isArray</a></li><li><a href="global.html#isArrayLike">isArrayLike</a></li><li><a href="global.html#isDiff">isDiff</a></li><li><a href="global.html#isFunc">isFunc</a></li><li><a href="global.html#isInt">isInt</a></li><li><a href="global.html#isNum">isNum</a></li><li><a href="global.html#isObject">isObject</a></li><li><a href="global.html#isObjEmpty">isObjEmpty</a></li><li><a href="global.html#isUInt">isUInt</a></li><li><a href="global.html#isUNum">isUNum</a></li><li><a href="global.html#makeArray">makeArray</a></li><li><a href="global.html#objectConversionToList">objectConversionToList</a></li><li><a href="global.html#objectToArray">objectToArray</a></li><li><a href="global.html#objTools">objTools</a></li><li><a href="global.html#parseTime">parseTime</a></li><li><a href="global.html#setVideoPlay">setVideoPlay</a></li><li><a href="global.html#sleepAction">sleepAction</a></li><li><a href="global.html#sleepSync">sleepSync</a></li><li><a href="global.html#sortMapByKey">sortMapByKey</a></li><li><a href="global.html#storage">storage</a></li><li><a href="global.html#throttle">throttle</a></li><li><a href="global.html#titleize">titleize</a></li><li><a href="global.html#toArray">toArray</a></li><li><a href="global.html#toLower">toLower</a></li><li><a href="global.html#toMap">toMap</a></li><li><a href="global.html#toObjectMap">toObjectMap</a></li><li><a href="global.html#toSimplifiedChinese">toSimplifiedChinese</a></li><li><a href="global.html#toUpper">toUpper</a></li><li><a href="global.html#unescapeHTML">unescapeHTML</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.7</a> on Wed Aug 25 2021 17:57:45 GMT+0800 (GMT+08:00)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>