Merge branch 'liujun-2023-12-14-地图插件更新' into zy-1214-重点工程播放视频
zhaoyu
commit
51619b6c86
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,59 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>地图</title>
|
||||||
|
</head>
|
||||||
|
<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=e8a16137fd226a62a23cc7ba5c9c78ce" type="text/javascript">
|
||||||
|
</script>
|
||||||
|
<script src="./js/uni.webview.1.5.4.js"></script>
|
||||||
|
<body onLoad="onLoad()">
|
||||||
|
<div id="mapDiv" style="position:absolute;width:100vw; height:100vh"></div>
|
||||||
|
</body>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
var map;
|
||||||
|
var zoom = 14;
|
||||||
|
|
||||||
|
function getUrlParam(name) {
|
||||||
|
const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||||||
|
const r = window.location.search.substr(1).match(reg);
|
||||||
|
if (r != null) return decodeURI(r[2]);
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function onLoad() {
|
||||||
|
var imageURL = "http://t0.tianditu.gov.cn/img_w/wmts?" +
|
||||||
|
"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
|
||||||
|
"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=e8a16137fd226a62a23cc7ba5c9c78ce";
|
||||||
|
lay = new T.TileLayer(imageURL, {minZoom: 1, maxZoom: 18});
|
||||||
|
var config = {layers: [lay]};
|
||||||
|
map = new T.Map("mapDiv", config);
|
||||||
|
map.centerAndZoom(new T.LngLat(getUrlParam('longitude'), getUrlParam('latitude')), zoom);
|
||||||
|
map.enableScrollWheelZoom();
|
||||||
|
addMapClick()
|
||||||
|
}
|
||||||
|
function addMapClick() {
|
||||||
|
map.addEventListener("click", MapClick);
|
||||||
|
}
|
||||||
|
|
||||||
|
function MapClick(event) {
|
||||||
|
var marker = new T.Marker(new T.LngLat(event.lnglat.getLng(), event.lnglat.getLat()));
|
||||||
|
map.clearOverLays();
|
||||||
|
map.addOverLay(marker);
|
||||||
|
console.log(event.lnglat.getLng(), event.lnglat.getLat());
|
||||||
|
uni.postMessage({
|
||||||
|
data: {
|
||||||
|
"longitue": event.lnglat.getLng(),
|
||||||
|
"latitude": event.lnglat.getLat(),
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
|
@ -469,6 +469,12 @@
|
||||||
"navigationBarTitleText": "地图"
|
"navigationBarTitleText": "地图"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path" : "pages/map/mapPro",
|
||||||
|
"style" : {
|
||||||
|
"navigationBarTitleText": "地图"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/information/index/index",
|
"path": "pages/information/index/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
|
||||||
|
<block slot="backText">返回</block>
|
||||||
|
<block slot="content">位置定位</block>
|
||||||
|
</cu-custom>
|
||||||
|
<web-view id="webview" :src="url" @message="messageChange"></web-view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
url: '',
|
||||||
|
longitude: '',
|
||||||
|
latitude: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
this.longitude = 119.67751
|
||||||
|
this.latitude = 39.92596
|
||||||
|
this.init();
|
||||||
|
const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE
|
||||||
|
// 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
|
||||||
|
eventChannel.on('acceptDataFromOpenerPage', function (data) {
|
||||||
|
console.log(data)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
onBackPress(options) {
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
|
||||||
|
onUnload() {
|
||||||
|
},
|
||||||
|
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
goBack() {
|
||||||
|
uni.navigateBack()
|
||||||
|
},
|
||||||
|
saveData() {
|
||||||
|
|
||||||
|
},
|
||||||
|
init() {
|
||||||
|
this.url = ('/hybrid/html/newMap.html?longitude='+this.longitude+'&latitude='+this.latitude+ 't=' + new Date().getTime());
|
||||||
|
console.log(this.url);
|
||||||
|
},
|
||||||
|
messageChange(e) {
|
||||||
|
console.log("messageChange");
|
||||||
|
console.log(e);
|
||||||
|
uni.setStorageSync("info", e.detail.data[0]);
|
||||||
|
const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE
|
||||||
|
console.log(eventChannel)
|
||||||
|
eventChannel.emit('acceptDataFromOpenedPage', {data: e.detail.data[0]});
|
||||||
|
uni.navigateBack();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
page,
|
||||||
|
uni-page-body,
|
||||||
|
.container {
|
||||||
|
background: rgba(245, 245, 245, 1);
|
||||||
|
min-height: calc(100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -903,7 +903,7 @@ export default {
|
||||||
showMapModal() {
|
showMapModal() {
|
||||||
let _this = this
|
let _this = this
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/map/map',
|
url: '/pages/map/mapPro',
|
||||||
events: {
|
events: {
|
||||||
acceptDataFromOpenedPage: function (e) {
|
acceptDataFromOpenedPage: function (e) {
|
||||||
_this.hiddenForm.LONGITUDE = e.data.longitue;
|
_this.hiddenForm.LONGITUDE = e.data.longitue;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue