1267 lines
67 KiB
JavaScript
1267 lines
67 KiB
JavaScript
(function (define) {
|
||
define(['jquery', 'layer'], function ($, layer) {
|
||
"use strict"
|
||
|
||
if ($ === undefined) {
|
||
throw new Error("插件依赖jQuery，请先引入jQuery")
|
||
}
|
||
|
||
/**
|
||
* 发送请求类
|
||
*/
|
||
class Request {
|
||
_options = {
|
||
baseUrl: "",
|
||
url: "",
|
||
type: "GET",
|
||
data: null,
|
||
extraData: null,
|
||
dataType: "json",
|
||
timeout: 0
|
||
}
|
||
|
||
constructor(baseUrl, timeout = 10000) {
|
||
this._options.baseUrl = baseUrl
|
||
this._options.timeout = timeout
|
||
}
|
||
|
||
jsonp(jsonp, jsonpCallback) {
|
||
this._options.dataType = "jsonp" //发送jsonp请求
|
||
jsonp && (this._options.jsonp = jsonp) //客户端用callback作为参数名将函数传递给服务器端
|
||
jsonpCallback && (this._options.jsonpCallback = jsonpCallback) //不想执行success回调函数，可指定函数名
|
||
|
||
return this
|
||
}
|
||
|
||
get(url, data = {}) {
|
||
this._options.type = "GET"
|
||
this._options.url = url
|
||
this._options.data = data
|
||
return this.send(this._options)
|
||
}
|
||
|
||
post(url, data = {}) {
|
||
this._options.type = "POST"
|
||
this._options.url = url
|
||
this._options.data = data
|
||
return this.send(this._options)
|
||
}
|
||
|
||
extraData(data) {
|
||
this._options.extraData = data
|
||
return this
|
||
}
|
||
|
||
send(options) {
|
||
if (options.extraData) {
|
||
options.data = {...options.data, ...options.extraData}
|
||
}
|
||
if (options.baseUrl) {
|
||
options.url = options.baseUrl + options.url
|
||
}
|
||
|
||
return new Promise(function (resolve, reject) {
|
||
$.ajax({
|
||
url: options.url,
|
||
type: options.type,
|
||
data: options.data,
|
||
dataType: options.dataType,
|
||
timeout: options.timeout,
|
||
success: function (res) {
|
||
resolve(res)
|
||
},
|
||
error: function (err) {
|
||
reject(err)
|
||
}
|
||
})
|
||
})
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 工具类
|
||
*/
|
||
class Utils {
|
||
/**
|
||
* 防抖
|
||
* @param fn
|
||
* @param delay
|
||
* @param immediate
|
||
* @returns {_debounce}
|
||
*/
|
||
static debounce(fn, delay, immediate = false) {
|
||
// 1.定义一个定时器, 保存上一次的定时器
|
||
let timer = null
|
||
let isInvoke = false
|
||
|
||
// 2.真正执行的函数
|
||
const _debounce = function (...args) {
|
||
// 取消上一次的定时器
|
||
if (timer) clearTimeout(timer)
|
||
|
||
// 判断是否需要立即执行
|
||
if (immediate && !isInvoke) {
|
||
fn.apply(this, args)
|
||
isInvoke = true
|
||
} else {
|
||
// 延迟执行
|
||
timer = setTimeout(() => {
|
||
// 外部传入的真正要执行的函数
|
||
fn.apply(this, args)
|
||
isInvoke = false
|
||
timer = null
|
||
}, delay)
|
||
}
|
||
}
|
||
|
||
// 封装取消功能
|
||
_debounce.cancel = function () {
|
||
if (timer) clearTimeout(timer)
|
||
timer = null
|
||
isInvoke = false
|
||
}
|
||
|
||
return _debounce
|
||
}
|
||
}
|
||
|
||
class AddrHelper {
|
||
_options = {
|
||
key: "", //必传，腾讯地图api key 申请方法见：https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic
|
||
el: "", //可选项，渲染容器，为空则以弹窗形式打开
|
||
lat: 0, //可选项，初始化纬度
|
||
lng: 0, //可选项，初始化经度
|
||
zoom: 13, //可选项，地图缩放级别
|
||
title: "腾讯地图小助手", //可选项，弹窗标题
|
||
width: "80vw", //可选项，弹窗的宽度
|
||
height: "80vh", //可选项，弹窗的高度
|
||
toolbar: true, //可选项，显示工具栏
|
||
success: null, //可选项，地址选择成功后回调
|
||
cssDebug: false //可选项，主要为开发时调试样式
|
||
}
|
||
map = null
|
||
markerLayer = null
|
||
geometryEditor = null
|
||
overlayZIndex = 9999
|
||
controlTypeMap = null
|
||
controlPositionMap = null
|
||
editorModeMap = null
|
||
request = null
|
||
layerIndex = 0
|
||
locationInfo = null
|
||
suggestionOptions = null
|
||
selectAddressInfo = null
|
||
selectGeometry = null
|
||
|
||
render(options) {
|
||
this._options = {...this._options, ...options}
|
||
if (!this._options.key) {
|
||
throw new Error("参数key必传")
|
||
}
|
||
if (layer === undefined && !this._options.el) {
|
||
throw new Error("参数el必传")
|
||
}
|
||
this.request = new Request("https://apis.map.qq.com").jsonp().extraData({key: this._options.key, output: "jsonp"})
|
||
this.dynamicLoadHtml()
|
||
!this._options.cssDebug && this.dynamicLoadCss()
|
||
this.eventListen()
|
||
//注意：不支持file://方式使用Javascript API GL 详见 https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic
|
||
this.dynamicLoadJs(`https://map.qq.com/api/gljs?v=1.exp&key=${this._options.key}&libraries=tools,geometry`, () => {
|
||
if (this._options.lat && this._options.lng) {
|
||
this.initMap(Number(this._options.lat), Number(this._options.lng))
|
||
} else {
|
||
this.initMap()
|
||
}
|
||
})
|
||
}
|
||
|
||
close(v) {
|
||
this.layerIndex && layer.close(this.layerIndex)
|
||
}
|
||
|
||
ok() {
|
||
if (this._options.success && typeof this._options.success === "function") {
|
||
this._options.success.call(this, {
|
||
addressInfo: this.selectAddressInfo,
|
||
geometryPaths: this.selectGeometry?.paths ?? null
|
||
})
|
||
}
|
||
}
|
||
|
||
dynamicLoadHtml() {
|
||
const _this = this;
|
||
const content = `
|
||
<div class="addrhelper-getpoint">
|
||
<!-- 坐标拾取 -->
|
||
<div class="addrhelper-getpoint-map">
|
||
<div id="addrhelper-map-container"></div>
|
||
<div class="addrhelper-getpoint-search">
|
||
<input type="text" class="addrhelper-search-input" placeholder="输入地址" value="">
|
||
</div>
|
||
<div class="addrhelper-getpoint-tips"></div>
|
||
<div class="addrhelper-search-suggestion">
|
||
<div class="addrhelper-search-show-btn">
|
||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALqADAAQAAAABAAAALgAAAABSkiQEAAAB4UlEQVRoBe3YP0vDQBQA8Hdp8Q86VHRz8mOI0kVB9AN0dHMStEmWYkEcrJ3sv6EgiB/ASVzU1Yr6OUTwz1yUqM3zbii9BJuKfe8GuYOQd5fw7pdHyB0BsM1WwFbAVsBWwFZAq4C/dzRTKDentCGW0KHM6hWr+fDz7SVoB68y9ihzx3ORwRFRIMK+PBx5pEOEQ7dYL8QnpOqTwYUQKFFPOgwxLHPhyeAKnErBOgjRNoFP6ZMMG99eXz0uZFdbKCAnc4308uHyfHYtuG9d3vTGhotI4Ypy17p8MIEnh5vCs8BN4Nng3HhWOCeeHc6FNwLnwAuV1GTzi/XFDuAFIE7q8zoC3ErJreljSbFxuML8hBcCPmB6NlP1cu9J4O410iW/m3TgGXFCViwduQ+hM5d+DiNjCR3jcH+nthIKOJO7yTHdJTeVW7IF+lhSbBTeDy13lpu1g+3jJGj8mrF3PAldLeWbcdigvhE4NVo9FDucA80O50KzwjnRbHBuNAvcBFrBSTdZ3m59Sf6aOI8vLuo7/ZdPngL2a9Flt99dvxwPv/AEILoicqAVh2zlVD+E5Mc1oz8jF5oULpEIKHy1y5OLg9zhORvUr4deFPLYrZyONxqNUfLENqGtgK2ArYCtwL+qwDfBhRfsRIjmWgAAAABJRU5ErkJggg==" alt="">
|
||
<span>展开搜索列表</span>
|
||
</div>
|
||
<div class="addrhelper-search-list"></div>
|
||
</div>
|
||
<div class="addrhelper-satellite">
|
||
<span class="icon"></span>
|
||
<span>卫星</span>
|
||
</div>
|
||
${this._options.toolbar ? `<div class="addrhelper-toolbar">
|
||
<div data-action="marker" class="tool tool-marker tool-active" title="点标记"></div>
|
||
<div data-action="polygon" class="tool tool-polygon" title="多边形"></div>
|
||
<div data-action="circle" class="tool tool-circle" title="圆形"></div>
|
||
<div data-action="rectangle" class="tool tool-rectangle" title="矩形"></div>
|
||
<div data-action="ellipse" class="tool tool-ellipse" title="椭圆"></div>
|
||
<div data-action="delete" class="tool tool-delete" title="删除"></div>
|
||
<div data-action="split" class="tool tool-split" title="拆分"></div>
|
||
<div data-action="union" class="tool tool-union" title="合并"></div>
|
||
<div data-action="manual" class="tool tool-manual" title="手册"></div>
|
||
</div>` : ''}
|
||
</div>
|
||
<!-- 坐标信息 -->
|
||
<div class="addrhelper-getpoint-info">
|
||
<div class="title">点图获取坐标</div>
|
||
<div class="item">
|
||
<div class="label">经度</div>
|
||
<div class="input lng" id="lng"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="label">纬度</div>
|
||
<div class="input lat" id="lat"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="label">地址</div>
|
||
<div class="input address"></div>
|
||
</div>
|
||
</div>
|
||
</div>`
|
||
if (this._options.el) {
|
||
$(this._options.el).width(this._options.width).height(this._options.height).html(content)
|
||
} else {
|
||
this.layerIndex = layer.open({
|
||
type: 1,
|
||
title: this._options.title,
|
||
content: content,
|
||
area: [this._options.width, this._options.height],
|
||
btn: ['确定', '取消'],
|
||
maxmin: true,
|
||
yes: function (index, layero) {
|
||
_this.ok()
|
||
},
|
||
cancel: function () {
|
||
//右上角关闭回调
|
||
//return false 开启该代码可禁止点击该按钮关闭
|
||
}
|
||
})
|
||
}
|
||
}
|
||
|
||
dynamicLoadCss() {
|
||
if (!$('style#addrHelperCSS').length) {
|
||
$("head").append(`<style id="addrHelperCSS">
|
||
.addrhelper-text-ellipsis {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.addrhelper-tool-manual {
|
||
padding: 10px;
|
||
}
|
||
.addrhelper-tool-manual .title {
|
||
margin-bottom: 4px;
|
||
font-size: 15px;
|
||
color: #1b202c;
|
||
line-height: 22px;
|
||
font-weight: 600;
|
||
}
|
||
.addrhelper-tool-manual .tip {
|
||
margin-bottom: 5px;
|
||
color: #999999;
|
||
font-size: 14px;
|
||
}
|
||
.addrhelper-tool-manual .tip .strong {
|
||
font-weight: 600;
|
||
}
|
||
.addrhelper-getpoint {
|
||
height: 100%;
|
||
width: 100%;
|
||
display: flex;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-cursor-point {
|
||
cursor: url("data:image/x-icon;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///wK+vr6EMzMz/b6+voT///8C////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////Ar6+voQzMzP9vr6+hP///wL///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8Cvr6+hDMzM/2+vr6E////Av///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///wLc3NyLj4+P/9zc3Iv///8C////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/4P+AP+D/gD/g/4A/4P+AP+D/gD/Af4A/gD+APwAfgD4AD4ACAAgAAAAAAAAAAAAAAAAAAgAIAD4AD4A/AB+APwAfgD/Af4A/4P+AP+D/gD/g/4A/4P+AP+D/gA="), auto;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map {
|
||
width: 75%;
|
||
position: relative;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map #addrhelper-map-container {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-getpoint-search {
|
||
display: flex;
|
||
position: absolute;
|
||
top: 20px;
|
||
left: 20px;
|
||
width: 35%;
|
||
height: 36px;
|
||
border: 1px solid #F3F3F3;
|
||
box-sizing: border-box;
|
||
border-radius: 5px;
|
||
line-height: 36px;
|
||
background-color: #FFFFFF;
|
||
z-index: 9999;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-getpoint-search:hover {
|
||
border: 1px solid #CCCCCC;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-getpoint-search input {
|
||
width: 100%;
|
||
flex: 1;
|
||
padding-left: 8px;
|
||
border: none;
|
||
outline: none;
|
||
border-radius: 5px;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion {
|
||
width: 35%;
|
||
max-height: 50%;
|
||
overflow-y: auto;
|
||
box-sizing: border-box;
|
||
position: absolute;
|
||
top: 56px;
|
||
left: 20px;
|
||
background-color: #FFFFFF;
|
||
z-index: 9999;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion::-webkit-scrollbar {
|
||
width: 6px;
|
||
height: 6px;
|
||
background-color: #F5F5F5;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion::-webkit-scrollbar-thumb {
|
||
background-color: #DDDEE0;
|
||
background-clip: padding-box;
|
||
border-radius: 3px;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-show-btn {
|
||
height: 0;
|
||
overflow: hidden;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-show-btn img {
|
||
height: 23px;
|
||
width: 23px;
|
||
transform: rotate(90deg);
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-show-btn span {
|
||
opacity: 0.8;
|
||
font-size: 14px;
|
||
color: #1B202C;
|
||
font-weight: 400;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address {
|
||
box-sizing: border-box;
|
||
padding: 0 15px;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address:hover {
|
||
background-color: #F5F9FF;
|
||
cursor: pointer;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address .border {
|
||
display: flex;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
padding: 10px 0;
|
||
border-bottom: 1px solid rgba(27, 32, 44, 0.05);
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address .border .index {
|
||
height: 24px;
|
||
width: 24px;
|
||
background: rgba(0, 98, 255, 0.08);
|
||
margin-right: 8px;
|
||
font-size: 12px;
|
||
color: #0062FF;
|
||
text-align: center;
|
||
line-height: 24px;
|
||
font-weight: 400;
|
||
border-radius: 50%;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address .border .info {
|
||
width: calc(100% - 32px);
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address .border .info .title {
|
||
font-size: 14px;
|
||
color: #1b202c;
|
||
line-height: 22px;
|
||
font-weight: 600;
|
||
margin-bottom: 4px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address .border .info .address {
|
||
font-size: 12px;
|
||
color: #535B6E;
|
||
line-height: 18px;
|
||
font-weight: 400;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address-active {
|
||
background-color: #EBF3FF;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address-active .border .index {
|
||
background-color: #0062FF;
|
||
color: #FFFFFF;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address-active .border .info .title,
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-search-suggestion .addrhelper-search-list .addrhelper-search-address-active .border .info .address {
|
||
color: #0062FF;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-satellite {
|
||
position: absolute;
|
||
top: 20px;
|
||
right: 20px;
|
||
z-index: 9999;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 85px;
|
||
height: 36px;
|
||
font-size: 14px;
|
||
color: #1F2226;
|
||
background: #FFFFFF;
|
||
box-sizing: border-box;
|
||
border: 1px solid rgba(31, 34, 38, 0.1);
|
||
box-shadow: 0 4px 10px 0 #1F222612;
|
||
border-radius: 4px;
|
||
cursor: pointer;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-satellite:hover {
|
||
border-color: #A5A7A8;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-satellite .icon {
|
||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAFKElEQVRoBe1YfWhbVRS/574knXNSHThkYzoZWBXxY1XnyrR+gLWiUMFW0fn5j5vVNkk3ik27vdmmtLQmaUpxAwc6nOJqmf6jU1hXmdMhWKuoiMwOhsN1CGsUV5f0vevvJrtp0qZJXhL0D9+F5Nx7z8c953fPPe++x5jdbARsBGwEbARsBGwEbAT+vwhQIaF7fQNVphCvQ/k70nh/oLPp21x2dH1oWSQa7SJG44Fu995c8vnyeb6CqXKCibcZEzeCbjINY8LtC33k6QhXp8rM709HY28JxppNxt5s6RionM8vdGw5AK8vfIcQ4uq0BYWoFYYx5m4LHWtpD9aBn7azLXr4esg/onRMzXlW9YullgMQwnx0blE6ScQAqmpivWGyA0ixH71twed1fb9LcoyYuQ07poL6MKi/OKk0iqXWAyB2g1qUc9bInK4Kxmg3Ef2t5pFa1yKqPZHYqUlve/BVJtiTiseJ96p+KajlAEiItWphcmjHg3rj8VC3e/NFS9kaBNEDmCOKLwRbZZqsA+g75RwO8BcBf9MxxS8FtRwAvFiuFnaWaVOq3+1zTwX97lfKXdqVjHgrUus3xZujotLjCw1tbR9MP0NzApZ7Ki/zVsRBPQFE10iFMhe/qldvPplJORwOl02eFk9Btg+/S9NlyMDCww4mevu6PRPpPGsjywEAwXFUmVvkMg6NVfV3er7MtmR9vdBWV4Q3m6Z4BoHctkCW6BMHiZ7+Ls/YAl4eE448ZOaLjGMiHoBpsLvRzxrA8DAZkBmSP3f74L0kZltxNu7HONGEqJkVrMbjC37FifVe4nB/oOuUUtmUYGZq/QxwGlWmUBjrVD8fGup6eTTo99RwTVvHiN7DsZbBxRuCuh0leGQ6hhLcEY4DpHjZqOUAuLbkU+TdjDQqF/VuH7gn2wKZeLh6fBPyux93cl6ByrUrtQTDaIVpmvsy6WWasxzAa/oLvwO9PcqYaYiAPLBqbIX2dTX9gsq1JVGC2RmlS0z8rPq5qOUApEGXk/rULgCxm09MmaFcC2Xjz5xjTdjNFVIG5TfqII4nd35Ny08sXero2MFIVXXtGSz68AXOrRvuql3xwH0fHxwb24k7W35N3pn+mL2sHXRHUoPznkBX8/vJcY6O5TKaas/TFtqHa8MTag7GPmOaszHY+dIPam4x6vUNrRYstgvOP6hkcBYObLhpZX1DQ0PycCveYrSoAHT9sCMSm3gDO4Ean2hIAVRFGkFJfIeXLz/Uv+3pvxRP13cv/TM6c6dJ7DHobEIZiF8xJB/XjEPlrvKHdP255J1K6WWjRQUgDcs0wO1zryDshGALzhRQPY2cOgteOcQvT3Va6idus9QD5LdbQV7qyrZgwcR0/v9wEIDTkUzOSysI8Ar8XYfeygzOj3LGq1GJfIU4L+0X8iSWeos24mw/rv4/IUXqgO41CGDJnDCCZWIW8+cxN4KH2rNzvMJ6JQ8AOzENRGVV2SHTq3Xn4CqD0TIgPW3ORuvxtA0jOOQ+P1eYy+lapQ8gxX48vRj7VU15fAMxduEFDplX9PmTdos+A8q5/4r+qwEAdZyBREOvJDtQkJGtHaH1+C60LumMSRuTDzRin8tngOKlU9qI9wL14DuCd+p3E3wyuYOO9uvN36fL5x5ZDkBedU3D/BrVxLJudnfoPFHZ2qB/y6nsculc6ylE8vWw1M7HnXKR07g43b3co4JQlN98BFElqmRB+vPd4gzfLogOB/zukfk8e2wjYCNgI2AjYCOQDYF/AOd7vxZ1h9hGAAAAAElFTkSuQmCC);
|
||
background-size: 24px 24px;
|
||
background-repeat: no-repeat;
|
||
display: inline-block;
|
||
width: 24px;
|
||
height: 24px;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-satellite .icon-active {
|
||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAEVElEQVRoBe1Ya4hVVRT+1twZjclIpHwUEw2GOiHkAx+YkRFkiT9MzKSCYu6Mj/H5R8QHNoQ/ekgEIs5MdxIElYpB+mUE+SCLIkoKi2hofphiRqAoPkZn7vLbZzp79p079567z732p7Nhz1lnPfZa31r7rL3nAslIMpBkIMlAkoEkA0kGkgz8fzMgsaA36zxksY+2P6Mau9EuP0Wu06Kj0ItdEPyIjByI1C9RIR6AtPZAUe/4OIoU3sGHctLh5ZJp7aLNUjIVVZhFED/kKsR7q/I2a9K5Q4I3S7yAfpxAo36LtC6Bam5iVunjtHnR+qrBJUuXSfgDyGKZ9Sk4yy2Rte/AHAZ6BGn8SiCNaNURgawPm/kcACX4DPukx7Epi/QHAEy1HquwlvRkhtbO503LB6YQSCfh9aBJ3yL/VSsTbrUKjtxSl7JwWrsZ3GOBajUa0CG/BXSTjmMtNhHMGsrvL7DUN/hIniwgi8WOU4Ex1lMKFy2dkYsMbitq8QhBbOG8YGUhIZjJrbWXVakPWeU+/QEorlin/bjP0iGxR66gU94lkHqCaCb7cihiZUZytrBS3QRyGM06zcpiEv4AxOkgfXi4oN890ksgGVzFA2yb6zi/d3RTBLKCnes0O9fnrMgCR+ZF+gNQHkThECwIyYLPT6WfPX8v52yCeJZV+WKI7kJW5Dgr8h2BLGXn8orJSzlwLDjmBLDEoaPJjBxjVRYSxAzOj2nQb40UswmkC38GLXi65UcQ/gBSQQZvBOsap436TISPfHGnnCaQFbyGTGZV2qgw2IKVPOBgvtHwHH8AHfIPs9dplxO8j/U60r77EB3yB7fWGoJ4lGZ/O6a/O3RR0h+AWS6F9/g3rMI0Uh8U9RIt3ECVsf+q3WJlzMld0ogHoEPOcvWN1kMWq4P+7vkBBnemtO7g3t9m1xImp1267XsE4X8Suwum9SDb4SsO6ySrs5a30l8c3vBki9bxet1G+0WOwhE8j5ewnJ2rxFEegFatZtfIMIjXrT9BH2lzdT6EMfgSu+Wala3UWvKfYu95md/Ra6RrrEyoW4fFaJXBD9oKCxPlATDrmqtzEw4wGFOJ4bbkXwzWXJ/N/ejBnKDJoCzL+Taew06fzBtTM4ZzOCAp9a+IMoCviqw1nkE3cD6UFzx4pqTwNDvR9jjBmxCrS43TQ+8TAjI3VP5jg0l83uPYKuk+ynuDQ2u/vOHIYpHlVyDf7WUeUm9yPsHTopY1rmOaGghjArNtOlcNgY0i/3q+qT/nblRgMAqzvYBzltGoty0trEMFxt2oQAXCKn2J/xaAcPOEw3z6FRjxFlmpc/gRzrD+FfMZWnigneL+PmRlLuHqmc4lOByIlasBX/O7OeOql0L7A0jrdAZrftPxty0WkelMNZiINjlfTG2ozH8LKUZXPHgTlWIET+h7hwYY9R4vi+Y3H/Af9EpVYWALHeePAl1RASfyJANJBpIMJBlIMuBm4A79OxMc7pa6iAAAAABJRU5ErkJggg==);
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-satellite-active {
|
||
background-color: #EBF3FF;
|
||
color: #0062FF;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar {
|
||
position: absolute;
|
||
right: 20px;
|
||
bottom: 20px;
|
||
z-index: 9999;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool {
|
||
width: 30px;
|
||
height: 30px;
|
||
float: left;
|
||
margin: 1px;
|
||
padding: 4px;
|
||
border-radius: 3px;
|
||
background-size: 30px 30px;
|
||
background-position: 4px 4px;
|
||
background-repeat: no-repeat;
|
||
box-shadow: 0 1px 2px 0 #e4e7ef;
|
||
background-color: #ffffff;
|
||
border: 1px solid #ffffff;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool:hover {
|
||
border-color: #789cff;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-active {
|
||
border-color: #d5dff2;
|
||
background-color: #d5dff2;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-marker {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAe1BMVEUAAAAuUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf+dtgltAAAAKHRSTlMAgPkR2afg6YP69tGRjIfywa2ilXVuHwPtxbHKtmcwFQebflZN4kJBQ7UEGAAAAVxJREFUOMvNlFlygzAQBSUh9s0sDuB9S9L3P2HKxiSxJONf998UXQMzPEm8D7vTEEI4nHaz2iXll/TyVPMqKIc6lzKvhxIqz+19aNQmkneijUJ/OPtpwkb+IwvRrp4rwkI+UISsbO9MkkmDLOFsep1mIy026M4Qvynvc/iBUoF/n6jnyxAzhvHZghuLqcoMcU099kMtPW+pGHvWrA2xZxwlYHktW4JbmdMbYsz4iQrvtlSUvAGGmFC4xILEEAMa16szAkOsqFzDVNa/aUld60lpzejEcT4tPI6nhecxVoB8UmmR4ttpTKhMryJxJHJLfHz0jjFb4aAhaYyQNcJFt6LM/7y8ZNUJJ4fFGPIp3ovD02OY8hndkxiQeuIpe816FNfo/exFoajHHKqdmKWlj6SMQloxT6evcfCtQ+Xau5ZSW5u22aOu8d2Ll4TUR0rxmgIgF685FH3ZHMQb8QPO1R7eUFa7JwAAAABJRU5ErkJggg==");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-polygon {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAgVBMVEUAAAAuUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf+fy4kNAAAAKnRSTlMAgO6J4ALbk47Ur/vkxfbnzsGclzupYh0RooY2CPK8ubZUTkNALQzidBcaeiw5AAABGElEQVQ4y9WUV27DMBBEtRJNiurdklzjxClz/wMmcBTCFIvz6/c9wMMMsBs8J3uRjP/JXSXAuoexzWcBxpHSxp/bHoGKqALqrS/3EiLs6YepRHhxxt4bQEZ0Y5aA2NtzO470TIoTIK+2FpSCC7qjZSgGs0V+a6FTAf1q0uGAciKDpNAnHXtAzmQh1iZ9zVAkZEWflIPH5GQKIZdgjJw81GiXYIeMPDC8/U1YoiUnLUrVRqD2mUWgaoM9Mi/uEMJrVjQ4koP817xwAXObu/t7OsAxeYNMO4oeZ5c51m8AnKxk6PQrKBDZzR+rc0yQeM2KAdxu3q2CY4rZZmbGIzghcZgNtxRxpDDMiq8UJsqs9eachYolGAXPxDfyLBxBd4pYrQAAAABJRU5ErkJggg==");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-circle {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAASFBMVEUuUf8AAAAuUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf9KFc4ZAAAAF3RSTlOZAKC0883C9eze21kWYK5+PSKtez4hYkfRD1wAAADlSURBVDjLtdRZjsIwEEXRojxkHoG++99pdySHDhBbxQf3+0hREvvJxdjXYT9oqKuqDjr0BTg7Drk5A5eNNXFUER1js9HlDHYeH1QeafD47h1O0O5spy1Mr/AKUd6KcH2GHTg5yUF3hHdPlNMi/n6AjlYytbh/OOM1B9UzP6AjSLbAuMMeNA8V+gQHGinUMCSoxBKMaIKBsQRHQoI1WoJKnWCFFKMyQ/OjbS+zEsyfx/zBzb/QeCic+Zh9fnAvS+kqLJ9frq0pd10n6wBYJ6UwUqv+oTUzUqnb8+zdTEP6039/w439Apc7EgHZaHTcAAAAAElFTkSuQmCC");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-rectangle {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAACVBMVEUAAAAuUf8uUf/ZwoV+AAAAAnRSTlMAgJsrThgAAAAeSURBVBjTYyAXaK0CgxWoTM1QMMgYZWIwcYQZmQAAl/5Vvwi1RhIAAAAASUVORK5CYII=");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-ellipse {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAY1BMVEUAAAAuUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf8uUf+HzbSYAAAAIHRSTlMAgOK48Z+OseXdkotyEQoDycZPqvbe0qiFWDsIqWBOYlHlwV8AAADYSURBVDjL7ZTZDoIwEEU7XSlgZREVcbn//5UG0BCipfOu57E5SdPp3Cv+7C+lqaUGtKxNedlHrOaksUKfmk93KCUAWTtjC6LCGldPB+Ww9u4SkMrSCqvG07tYCAbwLX3h6gET3t6uAhRFUEC1e3lHZDlFyTMcZ9NBFrRBIeFG7wZtaROrcRMiZHCUwCEbRA9PSTr0ooVKiwqt8MjTYo5OHHBOi2cc+GLHvJr9GN54PHruwAPzCx/MpVD8NeMv7hKFayIKM008XA0zroFZAPFKqeZKqaZK+XmeX80YsKoPvWkAAAAASUVORK5CYII=");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-delete {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAACVBMVEVHcEwuUf94nP9ar54sAAAAAXRSTlMAQObYZgAAADFJREFUeAFjIBGwhoYGYGGuWoXBFA0FgxBUJkPUKiBYykARM2rpQDMp9wUkSJCZJAEAnF5hx8tYRE0AAAAASUVORK5CYII=");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-split {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAACVBMVEVHcEwuUf94nP9ar54sAAAAAXRSTlMAQObYZgAAADdJREFUeNrt1EEKAAAERFHc/9AuMJImsZi/fgsp7EtexMAACTawWTMD0TSCryBsAHVSDNz6ivclJUcFWdE3iI0AAAAASUVORK5CYII=");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-union {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAACVBMVEVHcEwuUf94nP9ar54sAAAAAXRSTlMAQObYZgAAADVJREFUeAFjIAaIhoKAAxpTbBUQrKQykzE0NAwLMwtI05k5NTQUC3MK0K1UZoJDNASFSRgAAEQyidHYx61BAAAAAElFTkSuQmCC");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-toolbar .tool-manual {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAXNJREFUWEftmD9OwzAUh38vA+dg4AgstAxlRGLu1owsHKJwDLYQsSEmKnUNQ1suwMQluAB5yFWN0uoldexnKUj2Gv/5/Nl+eTZh4IUGzocEGLpC/9vgeMbnnOEOjAmA01AbzfbrkpzktFYa5XwPYK4JpQZ4kfMNAW+2Q2ZURHhXgt1O2hrciWAAtC7JSNkrosHRjB9BuDU16xpXH89UacA1V+UAcA+6OZYMmPMXgDMivKyeaKoBZ/rQBDTKTXmQtPsCJ0Bfc7ZdMpgMCn+XtjCTTnFooE4Gk0GfkBMlUNcZiuwHE5BawiqlW72zme0hYWBJwLWPrWNttPbgsXG8v+sBEgpmvG5KWnjTdDSU9qVLwmrj4OdJhsuqoO8YcG1JbB/Av4R1N1M1TpsIhxpsAlqrKpBae3CwgFEuTZJ6vyWOdO1UA4x8cZc4+/1JDo+/yqlw6ER6r+l8wIn5eCTx9gZ0mHT0Kk5PYNEpOgZIgKH2B2/wF+xgUDgHf+iiAAAAAElFTkSuQmCC");
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-map .addrhelper-getpoint-tips {
|
||
position: absolute;
|
||
z-index: 9999;
|
||
background-color: #484847;
|
||
color: #FFFFFF;
|
||
padding: 5px;
|
||
border-radius: 3px;
|
||
font-size: 12px;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-info {
|
||
width: 25%;
|
||
background-color: #FFFFFF;
|
||
padding: 25px 20px;
|
||
box-sizing: border-box;
|
||
word-break: break-all;
|
||
position: relative;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-info .title {
|
||
font-size: 16px;
|
||
color: #1b202c;
|
||
letter-spacing: 0;
|
||
line-height: 24px;
|
||
font-weight: 600;
|
||
min-height: 24px;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-info .item {
|
||
margin-top: 20px;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-info .item .label {
|
||
margin-bottom: 4px;
|
||
font-size: 14px;
|
||
color: #1b202c;
|
||
letter-spacing: 0;
|
||
line-height: 22px;
|
||
font-weight: 600;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-info .item .input {
|
||
padding: 0 40px 0 8px;
|
||
min-height: 34px;
|
||
line-height: 34px;
|
||
background: rgba(27, 32, 44, 0.03);
|
||
border: 1px solid #ced2d9;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
color: #1b202c;
|
||
font-weight: 400;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-info .addrhelper-ok-btn {
|
||
outline: none;
|
||
border: none;
|
||
position: absolute;
|
||
right: 20px;
|
||
bottom: 0;
|
||
height: 28px;
|
||
line-height: 28px;
|
||
padding: 0 15px;
|
||
border-radius: 2px;
|
||
background-color: #1E9FFF;
|
||
color: #FFF;
|
||
font-weight: 400;
|
||
cursor: pointer;
|
||
}
|
||
.addrhelper-getpoint .addrhelper-getpoint-info .addrhelper-ok-btn:hover {
|
||
opacity: 0.8;
|
||
}
|
||
</style>`)
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 动态加载 js
|
||
* @param url
|
||
* @param callback
|
||
*/
|
||
dynamicLoadJs(url, callback) {
|
||
var script = document.createElement('script');
|
||
script.type = 'text/javascript';
|
||
script.src = url;
|
||
if (typeof (callback) == 'function') {
|
||
script.onload = script.onreadystatechange = function () {
|
||
if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") {
|
||
callback();
|
||
script.onload = script.onreadystatechange = null;
|
||
}
|
||
};
|
||
}
|
||
document.body.appendChild(script);
|
||
}
|
||
|
||
/**
|
||
* 初始化地图
|
||
* @param lat
|
||
* @param lng
|
||
* @returns {Promise<void>}
|
||
*/
|
||
async initMap(lat, lng) {
|
||
if (!lat || !lng) {
|
||
let ipLocationReturn = await this.ipLocation()
|
||
if (ipLocationReturn.status === 0) {
|
||
lat = ipLocationReturn.result.location.lat
|
||
lng = ipLocationReturn.result.location.lng
|
||
this.locationInfo = ipLocationReturn.result
|
||
}
|
||
}
|
||
|
||
//https://lbs.qq.com/webApi/javascriptGL/glDoc/docIndexMap
|
||
this.map = new TMap.Map("addrhelper-map-container", {
|
||
center: new TMap.LatLng(lat, lng),
|
||
zoom: this._options.zoom
|
||
})
|
||
|
||
//https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocMarker
|
||
this.markerLayer = new TMap.MultiMarker({
|
||
map: this.map
|
||
})
|
||
|
||
//附加库：地图工具 使用此库 地图会变成 2D 的
|
||
//https://lbs.qq.com/webApi/javascriptGL/glGuide/glEditor
|
||
//https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocEditor
|
||
this.geometryEditor = new TMap.tools.GeometryEditor({
|
||
map: this.map,
|
||
overlayList: [
|
||
{
|
||
id: 'polygon',
|
||
// https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocVector#7
|
||
overlay: new TMap.MultiPolygon({
|
||
map: this.map,
|
||
zIndex: this.overlayZIndex
|
||
}),
|
||
},
|
||
{
|
||
id: 'circle',
|
||
// https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocVector#13
|
||
overlay: new TMap.MultiCircle({
|
||
map: this.map,
|
||
}),
|
||
},
|
||
{
|
||
id: 'rectangle',
|
||
// https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocVector#MultiRectangle
|
||
overlay: new TMap.MultiRectangle({
|
||
map: this.map,
|
||
}),
|
||
},
|
||
{
|
||
id: 'ellipse',
|
||
// https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocVector#MultiEllipse
|
||
overlay: new TMap.MultiEllipse({
|
||
map: this.map,
|
||
}),
|
||
},
|
||
],
|
||
actionMode: TMap.tools.constants.EDITOR_ACTION.INTERACT,
|
||
activeOverlayId: "polygon",
|
||
snappable: true,
|
||
selectable: true
|
||
})
|
||
|
||
this.initMapConstant()
|
||
this.initMapListen()
|
||
|
||
this.setZoomControl("bottom-left", true)
|
||
this.removeControl("rotation")
|
||
|
||
if (this._options.created && typeof this._options.created === "function") {
|
||
this._options.created.call(this)
|
||
}
|
||
}
|
||
|
||
initMapConstant() {
|
||
this.controlTypeMap = {
|
||
scale: TMap.constants.DEFAULT_CONTROL_ID.SCALE,
|
||
zoom: TMap.constants.DEFAULT_CONTROL_ID.ZOOM,
|
||
rotation: TMap.constants.DEFAULT_CONTROL_ID.ROTATION,
|
||
}
|
||
|
||
this.controlPositionMap = {
|
||
"top-left": TMap.constants.CONTROL_POSITION.TOP_LEFT,
|
||
"top-center": TMap.constants.CONTROL_POSITION.TOP_CENTER,
|
||
"top-right": TMap.constants.CONTROL_POSITION.TOP_RIGHT,
|
||
"center-left": TMap.constants.CONTROL_POSITION.CENTER_LEFT,
|
||
"center": TMap.constants.CONTROL_POSITION.CENTER,
|
||
"center-right": TMap.constants.CONTROL_POSITION.CENTER_RIGHT,
|
||
"bottom-left": TMap.constants.CONTROL_POSITION.BOTTOM_LEFT,
|
||
"bottom-center": TMap.constants.CONTROL_POSITION.BOTTOM_CENTER,
|
||
"bottom-right": TMap.constants.CONTROL_POSITION.BOTTOM_RIGHT,
|
||
}
|
||
|
||
this.editorModeMap = {
|
||
draw: TMap.tools.constants.EDITOR_ACTION.DRAW,
|
||
interact: TMap.tools.constants.EDITOR_ACTION.INTERACT,
|
||
}
|
||
}
|
||
|
||
initMapListen() {
|
||
this.mapListen()
|
||
this.geometryEditorListen()
|
||
}
|
||
|
||
mapListen() {
|
||
const _this = this
|
||
|
||
this.map.on("mousemove", function (event) {
|
||
let lat = event.latLng.getLat().toFixed(6);
|
||
let lng = event.latLng.getLng().toFixed(6);
|
||
$(".addrhelper-getpoint-tips").css({
|
||
top: event.point.y + 18,
|
||
left: event.point.x + 18
|
||
}).html(`${lat},${lng}`).show()
|
||
|
||
// 鼠标吸附效果
|
||
// $("#addrhelper-map-container").addClass("addrhelper-cursor-point")
|
||
})
|
||
|
||
this.map.on("mouseout", function (event) {
|
||
// $("#addrhelper-map-container").removeClass("addrhelper-cursor-point")
|
||
$(".addrhelper-getpoint-tips").hide()
|
||
})
|
||
|
||
this.map.on("click", async function (event) {
|
||
if (!_this.isDrawMode()) {
|
||
let lat = event.latLng.getLat().toFixed(6)
|
||
let lng = event.latLng.getLng().toFixed(6)
|
||
_this.setCurrentMarker(lat, lng)
|
||
const geocoderResponse = await _this.geocoder(lat, lng)
|
||
if (geocoderResponse.status === 0) {
|
||
const result = geocoderResponse.result
|
||
_this.reloadSelectAddress(lat, lng, result?.formatted_addresses?.recommend ?? "", result.address)
|
||
_this.setMapCenter(lat, lng)
|
||
}
|
||
// 隐藏搜索结果
|
||
if (_this.suggestionOptions !== null) {
|
||
$(".addrhelper-search-suggestion .addrhelper-search-list").hide()
|
||
$(".addrhelper-search-suggestion .addrhelper-search-show-btn").css("height", 38)
|
||
$(".addrhelper-search-suggestion .addrhelper-search-address").removeClass("addrhelper-search-address-active")
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
geometryEditorListen() {
|
||
const _this = this
|
||
|
||
this.geometryEditor.on("draw_complete", function (geometry) {
|
||
++_this.overlayZIndex
|
||
const activeOverlay = _this.getActiveOverlay()
|
||
activeOverlay.overlay.setZIndex(_this.overlayZIndex)
|
||
// console.log(activeOverlay.overlay.geometries)
|
||
})
|
||
|
||
this.geometryEditor.on("select", function (geometry) {
|
||
_this.selectGeometry = _this.geometryEditor.getSelectedList().pop()
|
||
})
|
||
|
||
this.geometryEditor.on("delete_complete", function (geometries) {
|
||
let findIndex = geometries.findIndex(function (item) {
|
||
return item.id === _this.selectGeometry.id
|
||
})
|
||
findIndex !== -1 && (_this.selectGeometry = null)
|
||
})
|
||
|
||
this.geometryEditor.on('split_fail', function (res) {
|
||
layer.msg(res.message)
|
||
})
|
||
|
||
this.geometryEditor.on('union_fail', function (res) {
|
||
layer.msg(res.message)
|
||
})
|
||
}
|
||
|
||
eventListen() {
|
||
this._options.el && this.okBtnListen()
|
||
this.inputListen()
|
||
this.addressSelectListen()
|
||
this.showListListen()
|
||
this.baseMapListen()
|
||
this._options.toolbar && this.toolListen()
|
||
}
|
||
|
||
okBtnListen() {
|
||
var _this = this;
|
||
// $('body').on('click', '.addrhelper-ok-btn', function () {
|
||
// _this.ok();
|
||
// })
|
||
}
|
||
|
||
/**
|
||
* 搜索监听
|
||
*/
|
||
inputListen() {
|
||
const _this = this
|
||
$("body").on('input', ".addrhelper-search-input", Utils.debounce(async function (event) {
|
||
if (event.currentTarget.value) {
|
||
let region = _this.locationInfo ? _this.locationInfo.ad_info.city : ""
|
||
const suggestionReturn = await _this.suggestion(this.value, region)
|
||
let suggestion = ""
|
||
if (suggestionReturn.status === 0) {
|
||
_this.suggestionOptions = suggestionReturn.data
|
||
suggestionReturn.data.forEach(function (item, index, arr) {
|
||
suggestion += `
|
||
<div class="addrhelper-search-address" data-info='${JSON.stringify(item)}'>
|
||
<div class="border">
|
||
<div class="index">${index + 1}</div>
|
||
<div class="info">
|
||
<div class="title">${item.title} </div>
|
||
<div class="address">${item.address}</div>
|
||
</div>
|
||
</div>
|
||
</div>`
|
||
})
|
||
$('.addrhelper-search-suggestion .addrhelper-search-show-btn').css("height", 0)
|
||
$('.addrhelper-search-suggestion .addrhelper-search-list').html(suggestion).show()
|
||
}
|
||
} else {
|
||
$('.addrhelper-search-suggestion .addrhelper-search-list').html("")
|
||
$('.addrhelper-search-suggestion .addrhelper-search-show-btn').css("height", 0)
|
||
_this.suggestionOptions = null
|
||
_this.locationInfo && _this.setMapCenter(_this.locationInfo.location.lat, _this.locationInfo.location.lng)
|
||
}
|
||
}, 500))
|
||
}
|
||
|
||
/**
|
||
* 地址选中监听
|
||
*/
|
||
addressSelectListen() {
|
||
const _this = this
|
||
$("body").on("click", ".addrhelper-search-address", function (event) {
|
||
$(".addrhelper-search-address").removeClass("addrhelper-search-address-active")
|
||
$(this).addClass("addrhelper-search-address-active")
|
||
const adInfo = JSON.parse(event.currentTarget.dataset.info)
|
||
_this.reloadSelectAddress(adInfo.location.lat, adInfo.location.lng, adInfo.title, adInfo.address, adInfo.id)
|
||
_this.setMapCenter(adInfo.location.lat, adInfo.location.lng)
|
||
_this.setCurrentMarker(adInfo.location.lat, adInfo.location.lng)
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 地址展开监听
|
||
*/
|
||
showListListen() {
|
||
$("body").on("click", ".addrhelper-search-suggestion .addrhelper-search-show-btn", function () {
|
||
$(this).css("height", 0)
|
||
$(".addrhelper-search-suggestion .addrhelper-search-list").show()
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 底图监听
|
||
*/
|
||
baseMapListen() {
|
||
const _this = this
|
||
$("body").on("click", ".addrhelper-satellite", function () {
|
||
let baseMapType = ""
|
||
if ($(this).hasClass("addrhelper-satellite-active")) {
|
||
$(this).removeClass("addrhelper-satellite-active")
|
||
$(this).find(".icon").removeClass("icon-active")
|
||
baseMapType = "vector"
|
||
} else {
|
||
$(this).addClass("addrhelper-satellite-active")
|
||
$(this).find(".icon").addClass("icon-active")
|
||
baseMapType = "satellite"
|
||
}
|
||
_this.map.setBaseMap({type: baseMapType})
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 工具监听
|
||
*/
|
||
toolListen() {
|
||
let activeTool = $(".addrhelper-toolbar .tool-marker")
|
||
const _this = this
|
||
$("body").on("click", ".addrhelper-toolbar", function (event) {
|
||
if (event.target !== event.currentTarget) {
|
||
let action = event.target.dataset.action
|
||
const actionMap = {
|
||
delete: function () {
|
||
_this.geometryEditor.delete()
|
||
},
|
||
split: function () {
|
||
_this.geometryEditor.split()
|
||
},
|
||
union: function () {
|
||
_this.geometryEditor.union()
|
||
},
|
||
manual: function () {
|
||
layer.open({
|
||
type: 1,
|
||
title: false,
|
||
content: `
|
||
<div class="addrhelper-tool-manual">
|
||
<div class="title">绘画工具操作说明：</div>
|
||
<div class="tip"><span class="strong">单选</span>：鼠标左键点击图形</div>
|
||
<div class="tip"><span class="strong">多选</span>：按下ctrl键后点击多个图形</div>
|
||
<div class="tip"><span class="strong">删除</span>：选中图形后按下delete键或点击删除按钮可删除图形</div>
|
||
<div class="tip"><span class="strong">编辑</span>：选中图形后出现编辑点，拖动编辑点可移动顶点位置，双击实心编辑点可删除顶点</div>
|
||
<div class="tip"><span class="strong">拆分</span>：选中单个多边形后可绘制拆分线，拆分线绘制完成后自动进行拆分</div>
|
||
<div class="tip"><span class="strong">合并</span>：选中多个相邻多边形后可进行合并，飞地形式的多边形不支持合并</div>
|
||
<div class="tip"><span class="strong">中断</span>：按下esc键可中断当前操作，点选的图形将取消选中，编辑过程将中断</div>
|
||
</div>`,
|
||
closeBtn: 0,
|
||
shadeClose: true
|
||
})
|
||
},
|
||
other: function () {
|
||
if (action !== "marker") {
|
||
_this.setEditorMode("draw")
|
||
_this.geometryEditor.setActiveOverlay(action)
|
||
} else {
|
||
_this.setEditorMode("interact")
|
||
_this.geometryEditor.stop()
|
||
}
|
||
activeTool && activeTool.removeClass("tool-active")
|
||
activeTool = $(event.target)
|
||
activeTool.addClass("tool-active")
|
||
}
|
||
}
|
||
const actionFunc = actionMap[action] === undefined ? actionMap.other : actionMap[action]
|
||
actionFunc()
|
||
}
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 渲染选中地址
|
||
* @param lat
|
||
* @param lng
|
||
* @param title
|
||
* @param address
|
||
* @param poi
|
||
*/
|
||
reloadSelectAddress(lat, lng, title, address, poi = "") {
|
||
$('.addrhelper-getpoint-info .title').html(title)
|
||
$('.addrhelper-getpoint-info .lat').html(lat)
|
||
$('.addrhelper-getpoint-info .lng').html(lng)
|
||
$('.addrhelper-getpoint-info .address').html(address)
|
||
$('.addrhelper-getpoint-info .poi').html(poi)
|
||
this.selectAddressInfo = {lat, lng, title, address, poi}
|
||
}
|
||
|
||
/**
|
||
* 设置地图中心
|
||
* @param lat
|
||
* @param lng
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glGuide/glMap
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/docIndexMap
|
||
*/
|
||
setMapCenter(lat, lng) {
|
||
this.map.easeTo(
|
||
{center: new TMap.LatLng(lat, lng)}
|
||
)
|
||
// this.map.setCenter(new TMap.LatLng(lat, lng))
|
||
}
|
||
|
||
/**
|
||
* 点标记
|
||
* @param lat
|
||
* @param lng
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glGuide/glMarker
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocMarker
|
||
*/
|
||
setCurrentMarker(lat, lng) {
|
||
this.markerLayer.setGeometries([])
|
||
this.markerLayer.add([{
|
||
position: new TMap.LatLng(lat, lng)
|
||
}])
|
||
}
|
||
|
||
/**
|
||
* 控件
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glGuide/glMarker
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocControl
|
||
* @param type
|
||
* @returns {*}
|
||
*/
|
||
getControl(type) {
|
||
if (this.controlTypeMap[type] === undefined) {
|
||
throw new Error("控件type非法")
|
||
}
|
||
return this.map.getControl(this.controlTypeMap[type])
|
||
}
|
||
|
||
/**
|
||
* 移除控件
|
||
* @param type
|
||
* @returns {*}
|
||
*/
|
||
removeControl(type) {
|
||
if (this.controlTypeMap[type] === undefined) {
|
||
throw new Error("控件type非法")
|
||
}
|
||
return this.map.removeControl(this.controlTypeMap[type])
|
||
}
|
||
|
||
/**
|
||
* 设置缩放控件
|
||
* @param position
|
||
* @param numVisible
|
||
* @returns {*}
|
||
*/
|
||
setZoomControl(position = "bottom-right", numVisible = false) {
|
||
if (this.controlPositionMap[position] === undefined) {
|
||
position = "bottom-right"
|
||
}
|
||
return this.map.getControl("zoom").setPosition(this.controlPositionMap[position]).setNumVisible(numVisible)
|
||
}
|
||
|
||
/**
|
||
* 是否是绘画模式
|
||
* @returns {boolean}
|
||
*/
|
||
isDrawMode() {
|
||
return this.geometryEditor.getActionMode() === this.editorModeMap["draw"]
|
||
}
|
||
|
||
/**
|
||
* 设置编辑器模式
|
||
* @param mode
|
||
*/
|
||
setEditorMode(mode) {
|
||
if (this.editorModeMap[mode] === undefined) {
|
||
throw new Error("编辑器操作模式mode非法")
|
||
}
|
||
this.geometryEditor.setActionMode(this.editorModeMap[mode])
|
||
}
|
||
|
||
/**
|
||
* 获取处于编辑状态的图层
|
||
* @returns {*}
|
||
*/
|
||
getActiveOverlay() {
|
||
return this.geometryEditor.getActiveOverlay()
|
||
}
|
||
|
||
/**
|
||
* 绘制多边形
|
||
* @param styles 图层样式
|
||
* @param geometries 多边形数据
|
||
* @param editable 是否可编辑
|
||
* @param zIndex 图层顺序
|
||
* @returns {TMap.MultiPolygon|*}
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocVector#7
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocVector#10
|
||
*
|
||
*/
|
||
drawMultiPolygon(styles, geometries, editable = false, zIndex = 0) {
|
||
if (!styles instanceof Object) {
|
||
throw new Error("styles参数必须是对象")
|
||
}
|
||
if (!Array.isArray(geometries)) {
|
||
throw new Error("geometries参数必须是数组")
|
||
}
|
||
|
||
const styleArr = []
|
||
for (let key in styles) {
|
||
if (styles[key].borderColor !== undefined || styles[key].borderWidth !== undefined) {
|
||
styles[key].showBorder = true
|
||
}
|
||
if (styles[key].borderWidth === undefined) {
|
||
styles[key].borderWidth = 1
|
||
}
|
||
styles[key] = new TMap.PolygonStyle(styles[key])
|
||
styleArr.push(key)
|
||
}
|
||
|
||
for (let geometry of geometries) {
|
||
if (geometry.styleId === undefined) {
|
||
throw new Error("geometries缺少styleId属性")
|
||
}
|
||
if (!styleArr.includes(geometry.styleId)) {
|
||
throw new Error("geometries的styleId属性值非法")
|
||
}
|
||
if (geometry.paths === undefined) {
|
||
throw new Error("geometries缺少paths属性")
|
||
}
|
||
if (!Array.isArray(geometry.paths)) {
|
||
throw new Error("geometries的paths属性值必须是数组")
|
||
}
|
||
|
||
geometry.paths = geometry.paths.map(function (path) {
|
||
if (path.lat === undefined || path.lng === undefined) {
|
||
throw new Error("geometries的paths属性值格式非法")
|
||
}
|
||
return new TMap.LatLng(path.lat, path.lng);
|
||
})
|
||
}
|
||
|
||
if (editable) {
|
||
const activeOverlay = this.getActiveOverlay().overlay
|
||
activeOverlay.setStyles(styles)
|
||
activeOverlay.add(geometries)
|
||
return activeOverlay
|
||
} else {
|
||
return new TMap.MultiPolygon({
|
||
map: this.map,
|
||
styles: styles,
|
||
geometries: geometries,
|
||
zIndex: zIndex
|
||
})
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 绘制点标记
|
||
* @param geometries
|
||
* @returns {TMap.MultiMarker}
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocMarker#4
|
||
*/
|
||
drawMultiMarker(geometries) {
|
||
if (!Array.isArray(geometries)) {
|
||
throw new Error("geometries参数必须是数组")
|
||
}
|
||
|
||
const formatGeometries = []
|
||
|
||
geometries.forEach(function (item) {
|
||
if (item.lat === undefined || item.lng === undefined) {
|
||
throw new Error("geometries参数格式非法")
|
||
}
|
||
|
||
formatGeometries.push({
|
||
position: new TMap.LatLng(item.lat, item.lng),
|
||
content: item?.content,
|
||
})
|
||
})
|
||
|
||
return new TMap.MultiMarker({
|
||
map: this.map,
|
||
geometries: formatGeometries
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 点是否在多边形内
|
||
* @param point
|
||
* @param polygon
|
||
* @returns {*}
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocGeometry
|
||
*/
|
||
isPointInPolygon(point, polygon) {
|
||
if (point.lat === undefined || point.lng === undefined) {
|
||
throw new Error("参数point格式非法")
|
||
}
|
||
const latLng = new TMap.LatLng(point.lat, point.lng)
|
||
const latLngArr = polygon.map(function (path) {
|
||
if (path.lat === undefined || path.lng === undefined) {
|
||
throw new Error("参数polygon格式非法")
|
||
}
|
||
return new TMap.LatLng(path.lat, path.lng)
|
||
})
|
||
return TMap.geometry.isPointInPolygon(latLng, latLngArr)
|
||
}
|
||
|
||
/**
|
||
* 判断多边形是否与多边形相交
|
||
* @param polygon1
|
||
* @param polygon2
|
||
* @returns {*}
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocGeometry
|
||
*/
|
||
isPolygonIntersect(polygon1, polygon2) {
|
||
const latLngArr1 = polygon1.map(function (path) {
|
||
if (path.lat === undefined || path.lng === undefined) {
|
||
throw new Error("参数polygon1格式非法")
|
||
}
|
||
return new TMap.LatLng(path.lat, path.lng)
|
||
})
|
||
const latLngArr2 = polygon2.map(function (path) {
|
||
if (path.lat === undefined || path.lng === undefined) {
|
||
throw new Error("参数polygon2格式非法")
|
||
}
|
||
return new TMap.LatLng(path.lat, path.lng)
|
||
})
|
||
return TMap.geometry.isPolygonIntersect(latLngArr1, latLngArr2)
|
||
}
|
||
|
||
/**
|
||
* 计算多边形的形心
|
||
* @param polygon
|
||
* @returns {*}
|
||
* @link https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocGeometry
|
||
*/
|
||
computeCentroid(polygon) {
|
||
const latLngArr = polygon.map(function (path) {
|
||
if (path.lat === undefined || path.lng === undefined) {
|
||
throw new Error("参数polygon格式非法")
|
||
}
|
||
return new TMap.LatLng(path.lat, path.lng)
|
||
});
|
||
|
||
return TMap.geometry.computeCentroid(latLngArr)
|
||
}
|
||
|
||
/**
|
||
* IP定位
|
||
* @returns {*}
|
||
* @link https://lbs.qq.com/service/webService/webServiceGuide/webServiceIp
|
||
*/
|
||
ipLocation() {
|
||
return this.request.get("/ws/location/v1/ip")
|
||
}
|
||
|
||
/**
|
||
* 关键词输入提示
|
||
* @param keyword
|
||
* @param region
|
||
* @param regionFix
|
||
* @returns {*}
|
||
* @link https://lbs.qq.com/service/webService/webServiceGuide/webServiceSuggestion
|
||
*/
|
||
suggestion(keyword, region = "", regionFix = 0) {
|
||
return this.request.get('/ws/place/v1/suggestion', {
|
||
keyword,
|
||
region,
|
||
region_fix: regionFix
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 逆地址解析（坐标位置描述）
|
||
* @param lat
|
||
* @param lng
|
||
* @returns {*}
|
||
* @link https://lbs.qq.com/service/webService/webServiceGuide/webServiceGcoder
|
||
*/
|
||
geocoder(lat, lng) {
|
||
return this.request.get('/ws/geocoder/v1', {
|
||
location: `${lat},${lng}`
|
||
})
|
||
}
|
||
}
|
||
|
||
return new AddrHelper()
|
||
})
|
||
}(typeof define === 'function' && define.amd ? define : function (deps, factory) {
|
||
var MOD_NAME = 'addrHelper';
|
||
if (typeof module !== 'undefined' && module.exports) { //Node
|
||
module.exports = factory(require('jquery'));
|
||
} else if (window.layui && layui.define) { //layui
|
||
layui.define(deps, function (exports) {
|
||
exports(MOD_NAME, factory(layui.jquery, layui.layer));
|
||
});
|
||
} else { //window
|
||
window[MOD_NAME] = factory(window.jQuery);
|
||
}
|
||
})) |