|
|
@@ -0,0 +1,61 @@
|
|
|
+<template>
|
|
|
+ <el-dialog width="80%" :show-close="false" destroy-on-close :visible.sync="dialogTableVisible">
|
|
|
+ <!-- <div id="container"></div> -->
|
|
|
+ <el-amap vid="container" style="height: 600px;" :center="center" :zoom="zoom" class="amap-demo">
|
|
|
+ <!-- <el-amap-marker v-for="(marker,index) in markers" :key="index" :position="marker.position"
|
|
|
+ :events="marker.events"></el-amap-marker> -->
|
|
|
+ <!-- <el-amap-info-window v-if="window" :position="window.position" :visible="window.visible"
|
|
|
+ :content="window.content"></el-amap-info-window> -->
|
|
|
+ </el-amap>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogTableVisible: true,
|
|
|
+ order: {},
|
|
|
+ markers: [],
|
|
|
+ srcList: [],
|
|
|
+ windows: [],
|
|
|
+ window: '',
|
|
|
+ geocoder: '',
|
|
|
+ defaultCity: '苏州',
|
|
|
+ zoom: 16,
|
|
|
+ center: [120.619585, 31.299379],
|
|
|
+ address: '',
|
|
|
+ province: '',
|
|
|
+ city: '',
|
|
|
+ district: '',
|
|
|
+ lng: '',
|
|
|
+ lat: '',
|
|
|
+ addArr: {
|
|
|
+ addr: {}
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ var map = new AMap.Map('container', {
|
|
|
+ zoom: 11, //级别
|
|
|
+ center: [116.397428, 39.90923], //中心点坐标
|
|
|
+ });
|
|
|
+ console.log(map, '地图')
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ setDialogStatus() {
|
|
|
+ this.dialogTableVisible = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ /deep/ .el-dialog__header {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+ #container {
|
|
|
+ width: 100%;
|
|
|
+ height: 400px;
|
|
|
+ }
|
|
|
+</style>
|
ZhouFeng