提交 9c3cb16e authored 作者: 钟是志's avatar 钟是志

定位组件修改.

上级 3110fb0f
......@@ -34,7 +34,7 @@ export default function prepareShow(postData = {}, content = '') {
newFunc(p) // 返回一个promise
.then(res => {
if (res) {
console.log('执行templateWillMount公式完成', res);
// console.log('执行templateWillMount公式完成', res);
window.zdyTableTemplateWillMountProps = res;
resolve(true);
}
......
//@ts-nocheck
import React, { Component } from 'react';
import styles from './styles.less';
import { message } from 'antd';
import AMapJS from 'amap-js';
import { message, Icon } from 'antd';
//思路进入页面时先定位
//可以通过搜索选址
//可以通过拖拽微调选址
......@@ -21,22 +20,21 @@ class GetLocation extends Component {
componentDidMount = () => {
console.log(123);
this.loader = new AMapJS.AMapLoader({
this.loader = new window.AMapJS.AMapLoader({
key: 'a8d312e3cc24b4fd12bad99780c2182a', // 公司账号配置的应用的key
// https://console.amap.com/dev/key/app
version: '1.4.8',
plugins: ['AMap.Geolocation'],
security: {
securityJsCode: 'f4a5344f0117dc8b32ee216d2311fc1a' // 公司账号配置的应用的 安全key
securityJsCode: 'f4a5344f0117dc8b32ee216d2311fc1a', // 公司账号配置的应用的 安全key
},
});
console.log(window.AMap);
if(!window.AMap){
this.loader.load().then(() => {
this.loader.load()
.then(() => {
// 加载完成
console.log('Amap地图加载完成');
this.getLocation();
if(this.props.showMap){
if (this.props.showMap) {
this.searchSiteSelection();
}
})
......@@ -46,7 +44,6 @@ class GetLocation extends Component {
message.error('未配置地图厂家');
return;
});
}
};
// 12,[116.171731,40.06682]
......@@ -56,7 +53,8 @@ class GetLocation extends Component {
由于Chrome、IOS10等已不再支持非安全域的浏览器定位请求,为保证定位成功率和精度,请尽快升级您的站点到HTTPS。
***************************************/
const AMap = window.AMap;
let map, geolocation;
let map,
geolocation;
//加载地图,调用浏览器定位服务
map = new AMap.Map('container', {
resizeEnable: true,
......@@ -85,7 +83,7 @@ class GetLocation extends Component {
//解析定位结果
function onComplete(data) {
console.log(data);
if(!this.props.showMap){
if (!this.props.showMap) {
let locationMsg = {
lng: data.position.lng, // 经度
lat: data.position.lat, // 维度
......@@ -96,8 +94,9 @@ class GetLocation extends Component {
// nearestPOI: positionResult.nearestPOI, // 最近的POI
};
this.props.getLocationMsg(locationMsg);
}else{
let poi = data.position.toString().split(',');
} else {
let poi = data.position.toString()
.split(',');
// 需要通过改变this指向
this.dragSiteSelection(15, poi);
}
......@@ -142,7 +141,8 @@ class GetLocation extends Component {
window.poiPicker = poiPicker;
//选取了某个POI
poiPicker.on('poiPicked', (poiResult) => {
let poi = poiResult.item.location.toString().split(',');
let poi = poiResult.item.location.toString()
.split(',');
this.dragSiteSelection(15, poi);
});
});
......@@ -191,6 +191,8 @@ class GetLocation extends Component {
render() {
return (
<>
<a onClick={this.getLocation}><Icon type="compass" /></a>
<div
id='GetLocation'
style={{ display: this.props.showMap ? 'block' : 'none' }}>
......@@ -201,6 +203,7 @@ class GetLocation extends Component {
/>
<div id='map' className={styles.map}></div>
</div>
</>
);
}
}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论