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

定位组件修改.

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