~xingchuan/SewerAndRainNetwork.git

			@@ -1,18 +1,25 @@
			<template>
			<div class="full-screen">
			<popup ref="popup" @callPopup="callPopup"></popup>
			<div id="map" ref="rootmap">
			<div class="full-screen">
			<!--<popup ref="popup" @callPopup="callPopup"></popup>-->
			<div id="map" ref="rootmap">
			</div>
			<sgis-layer-controller></sgis-layer-controller>
			<monitor-panel></monitor-panel>
			<!-- <top-enterprise-panel></top-enterprise-panel>-->
			<tool-box-panel ref="toolBox"></tool-box-panel>
			<!-- <menu-special></menu-special>-->
			<legend-panel></legend-panel>
			<!-- <summary-sheets></summary-sheets>-->
			<SummarySheet></SummarySheet>
			<!-- <enterprise></enterprise> -->
			<!-- <el-button id="map-btn" el-icon-c-scale-to-original icon="el-icon-c-scale-to-original" circle @click="isShowHidden"></el-button>-->
			<!-- <el-button type="primary" @click="ChangeState" class="solid-waste">固废</el-button>-->
			<!-- <el-button type="primary" @click="ChangeWaterState" class="Waste-water">废水</el-button>-->
			<!-- <el-button type="primary" @click="AddGasHelper" class="flue-gas">废气</el-button>-->
			<!-- <PublicBounced ref="PublicBounced"></PublicBounced>-->
			<!-- <ReportPopup></ReportPopup>-->
			<Emergency ref="Emergency"></Emergency>
			</div>
			<sgis-layer-controller :preset="'warningPreset'">
			<lc-basemap></lc-basemap>
			<!-- <div class="barline"></div>-->
			<lc-service-layer class="barline"></lc-service-layer>
			</sgis-layer-controller>
			<lc-service-layer-filter v-show="showServiceLayerFilter" ref="serviceLayerFilter"></lc-service-layer-filter>
			<monitor-panel></monitor-panel>
			<top-enterprise-panel></top-enterprise-panel>
			<tool-box-panel></tool-box-panel>
			</div>
			</template>

			<script>
			@@ -20,39 +27,50 @@
			import Sgis from '@src/Sgis'
			// import mapConfig from '@/conf/MapConfig'
			import SgisLayerController from '@components/LayerController/LayerController'
			import LcBasemap from '@components/LayerController/modules/LcBaseMap'
			import LcServiceLayer from '@components/LayerController/modules/LcServiceLayer'
			import LcServiceLayerFilter from '@components/LayerController/modules/LcServiceLayerFilter'
			import MonitorPanel from '@components/panel/RightSearchPanel'
			import TopEnterprisePanel from '@components/panel/TopEnterprisePanel'
			// import TopEnterprisePanel from '@components/panel/TopEnterprisePanel'
			// import summarySheets from '@components/table/summarySheets.vue'
			import SummarySheet from '@components/table/SummarySheet'
			import ToolBoxPanel from '@components/panel/ToolBoxPanel'
			import Popup from '@views/popup/Popup'
			// import MenuSpecial from '@components/panel/MenuTopic'
			import LegendPanel from '@components/panel/LegendPanel'
			// import Enterprise from '../components/table/enterprise'
			// // 公共展示数据
			// import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced'
			import LayerFactory from '@components/LayerController/service/LayerFactory'
			import EventHandler from '../components/LayerController/event/EventHandler'
			// import ReportPopup from '../components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ReportPopup'
			import Emergency from '@components/emergency/index'

			export default {
			name: 'MapTemplate',
			components: {
			// Enterprise,
			LegendPanel,
			// MenuSpecial,
			ToolBoxPanel,
			TopEnterprisePanel,
			// TopEnterprisePanel,
			SgisLayerController,
			MonitorPanel,
			LcBasemap,
			LcServiceLayer,
			LcServiceLayerFilter,
			Popup
			// summarySheets,
			SummarySheet,
			// PublicBounced,
			Emergency
			// ReportPopup
			},
			data () {
			return {
			map: null,
			lcServiceLayerVisible: false,
			basemapHelper: {},
			serviceLayerHelper: {},
			vectorLayerHelper: {}
			vectorLayerHelper: {},
			toolBoxVisible: false
			}
			},
			computed: {
			showServiceLayerFilter () {
			return this.$store.state.map.showServiceLayerFilter
			},
			mapConfig () {
			return this.$store.state.map.mapConfig
			config () {
			return this.$store.state.map.config
			}
			},
			beforeMount () {
			@@ -62,57 +80,44 @@
			},
			methods: {
			saveMapStatus () {
			window.serviceLayerHelper = this.serviceLayerHelper
			this.$store.commit('setMapObj', this.map)
			this.$store.commit('setBasemapHelper', this.basemapHelper)
			this.$store.commit('setServiceLayerHelper', this.serviceLayerHelper)
			// this.$store.commit('setServiceLayerHelper', this.serviceLayerHelper)
			this.$store.commit('setVectorLayerHelper', this.vectorLayerHelper)

			this.lcServiceLayerVisible = true
			},
			init () {
			const mapcontainer = this.$refs.rootmap
			this.map = Sgis.initMap(mapcontainer)
			this.$refs.toolBox.map = this.map

			window.popupComp = this.$refs.popup

			this.basemapHelper = Sgis.initBasemapsHelper(this.map) // 初始化基础底图助手
			this.basemapHelper.initBasemap(this.mapConfig, false) // 第二个参数，表示是否内网底图

			this.serviceLayerHelper = Sgis.initTileLayersHelper(this.map) // 初始化业务底图助手
			this.serviceLayerHelper.initServiceLayers(this.mapConfig)

			this.basemapHelper.initBasemap(this.config, false) // 第二个参数，表示是否内网底图
			this.vectorLayerHelper = Sgis.initVectorLayersHelper(this.map) // 初始化动态要素图层助手
			this.vectorLayerHelper.initVectorLayers(this.mapConfig)
			this.vectorLayerHelper.initVectorLayers(this.config)

			// this.AddGasHelper()
			// this.ChangeWaterState()

			var eventHandler = new EventHandler()
			window.eventHandler = eventHandler

			var layerFactory = new LayerFactory({
			L: window.L,
			map: this.map
			})
			layerFactory.init(this.$store.state.map.serviceLayers.LayerSewersLine)
			layerFactory.initEvent(this.$store.state.map.serviceLayers.LayerSewersLine)
			window.layerFactory = layerFactory
			this.saveMapStatus()
			// this.setMapObj(this.mapObj)
			// this.setBasemapHelper(this.basemapHelper)
			// this.setServiceLayerHelper(this.serviceLayerHelper)
			// this.setVectorLayerHelper(this.vectorLayerHelper)
			this.addMarker()
			},
			addMarker () {
			const L = this.L
			var icon = new L.Icon({
			iconUrl: 'assets/images/map/marker-icon.png',
			shadowUrl: 'assets/images/map/marker-shadow.png',
			iconSize: [25, 41],
			iconAnchor: [12, 41],
			popupAnchor: [1, -34],
			shadowSize: [41, 41]
			})
			var marker = L.marker([32.2221, 118.7843], {
			icon: icon
			}).addTo(this.map)
			.bindPopup(() => this.$refs.popup.$el, { className: 's-map-popup', minWidth: 300, closeButton: false, autoClose: false })
			.bindTooltip('字体光晕效果t.', {
			// permanent : true,
			offset: [0, 0], // 偏移
			direction: 'right', // 放置位置
			// sticky:true,//是否标记在点上面
			className: 'anim-tooltip'// CSS控制
			})

			marker.on('popupopen', this.onLayerClick)
			},
			onLayerClick () {
			this.$refs.popup.setShow()
			},
			callPopup (val) {
			console.log(val)
			@@ -122,24 +127,59 @@
			</script>

			<style lang="less">
			.flue-gas {
			position: fixed;
			top: 88px;
			left: 180px;
			z-index: 500;
			}

			.full-screen {
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			position: absolute;
			.solid-waste {
			position: absolute;
			top: 88px;
			left: 88px;
			z-index: 999;
			}

			#map {
			height: 100%;
			width: 100%;
			}
			.full-screen {
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			position: absolute;

			.barline {
			//width: 100%;
			//height: 1px;
			//background-color: #0661AE;
			border-top: 1px solid #0661AE;
			}
			}
			</style>>
			#map {
			height: 100%;
			width: 100%;
			}

			.barline {
			//width: 100%;
			//height: 1px;
			//background-color: #0661AE;
			border-top: 1px solid #0661AE;
			}

			#map-btn {
			position: fixed;
			top: 20px;
			left: 100px;
			z-index: 9999;
			}

			.leaflet-custom-icon {
			background: white;
			}

			.leaflet-marker-icon {
			background: none;
			}

			#migic {
			width: 48px;
			height: 48px;
			margin: -18px -20px;
			z-index: 999;
			}
			}
			</style>