210 lines
6.9 KiB
Plaintext
210 lines
6.9 KiB
Plaintext
|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Admin_Member_business_map.aspx.cs" Inherits="Mtxfw.shop._admin.Admin_Member_business_map" %>
|
||
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
|
<title>无标题文档</title>
|
||
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
|
||
|
|
<link href="/css/style.css" rel="stylesheet" type="text/css" />
|
||
|
|
<script src="/Scripts/jquery-3.4.1.min.js" type="text/javascript"></script>
|
||
|
|
<script src="/script/area.js?t=0" type="text/javascript"></script>
|
||
|
|
<script src="/artDialog/artDialog.js?skin=default" type="text/javascript"></script>
|
||
|
|
<script src="/artDialog/iframeTools.js" type="text/javascript"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
window._AMapSecurityConfig = {
|
||
|
|
securityJsCode:'5c6f2a7e751770588e8e086e13d4303b',
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=d13c2cbd908a84a9e62049f6b660d3ef&plugin=AMap.Geocoder"></script>
|
||
|
|
|
||
|
|
<style type="text/css">*{ margin:0;padding:0;}body{ background-color:#fff;}
|
||
|
|
body .mapbox{ background-color:#fff;width:100%; margin:10px auto; }
|
||
|
|
.mapbox .mapbtn{width:200px;margin:10px auto;}
|
||
|
|
.mapbox .mapbtn #keyword{ position: relative;
|
||
|
|
display: inline-block;width:200px; height:31px;
|
||
|
|
text-align:center;
|
||
|
|
line-height:31px;
|
||
|
|
border:1px solid #10780a;
|
||
|
|
background-color:#fff;
|
||
|
|
text-indent:0px;
|
||
|
|
-webkit-border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px;
|
||
|
|
color:#000;
|
||
|
|
font-size:16px;
|
||
|
|
font-weight:bold;
|
||
|
|
overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
|
|
.mapbox .mapbtn .abtn{ position: relative;
|
||
|
|
display: inline-block;width:200px; height:32px;
|
||
|
|
text-align:center;
|
||
|
|
line-height:32px;
|
||
|
|
border:1px solid #10780a;
|
||
|
|
background-color:#13b60b;
|
||
|
|
text-indent:0px;
|
||
|
|
-webkit-border-radius:0px 3px 3px 0px;-moz-border-radius:0px 3px 3px 0px;border-radius:0px 3px 3px 0px;
|
||
|
|
color:#fff;
|
||
|
|
font-size:16px;
|
||
|
|
font-weight:bold;
|
||
|
|
cursor:pointer;
|
||
|
|
overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
|
|
.mapbox .mapbtn .abtn#qybtn{ margin-left:20px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||
|
|
.mapbox .mapcontainer{ width:100%; height:400px;}
|
||
|
|
#myPageTop {
|
||
|
|
position: absolute;
|
||
|
|
top: 5px;
|
||
|
|
right: 10px;
|
||
|
|
background: #fff none repeat scroll 0 0;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
margin: 10px auto;
|
||
|
|
padding:6px;
|
||
|
|
font-family: "Microsoft Yahei", "微软雅黑", "Pinghei";
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
#myPageTop label {
|
||
|
|
margin: 0 20px 0 0;
|
||
|
|
color: #666666;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
#myPageTop input {
|
||
|
|
width: 170px;
|
||
|
|
}
|
||
|
|
#myPageTop .column2{
|
||
|
|
padding-left: 25px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var map=null;
|
||
|
|
$(document).ready(function () {
|
||
|
|
var d = $(window.parent.document);
|
||
|
|
var xcoo = d.find("#ycoo").val();
|
||
|
|
var ycoo = d.find("#xcoo").val();
|
||
|
|
var map = null;
|
||
|
|
if (xcoo == "0" && ycoo == "0") {
|
||
|
|
|
||
|
|
var provinceid = d.find("#province option:selected").val();
|
||
|
|
var cityid = d.find("#city option:selected").val();
|
||
|
|
var countyid = d.find("#county option:selected").val();
|
||
|
|
var trading = d.find("#trading").val();
|
||
|
|
var center = "";
|
||
|
|
for (var i = 0; i < arealist.Province.length; i++) {
|
||
|
|
var show_str = arealist.Province[i];
|
||
|
|
if (show_str.ProvinceID == provinceid) {
|
||
|
|
var c_str = arealist.Province[i].City;
|
||
|
|
for (var j = 0; j < c_str.length; j++) {
|
||
|
|
var citystr = c_str[j];
|
||
|
|
if (citystr.CityID == cityid) {
|
||
|
|
var co_str = citystr.County;
|
||
|
|
center = citystr.center;
|
||
|
|
for (var k = 0; k < co_str.length; k++) {
|
||
|
|
var Countystr = co_str[k];
|
||
|
|
if (Countystr.CountyID == countyid) {
|
||
|
|
center = Countystr.center;
|
||
|
|
if (trading != "-1") {
|
||
|
|
var tradings = Countystr.tradings;
|
||
|
|
|
||
|
|
for (var l = 0; l < tradings.length; l++) {
|
||
|
|
var tradingsstr = tradings[l];
|
||
|
|
if (tradingsstr.tradingareaid == trading) {
|
||
|
|
center = tradingsstr.center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var acenter = center.split(",");
|
||
|
|
|
||
|
|
map = new AMap.Map('container', {
|
||
|
|
zoom: 15,
|
||
|
|
showLabel: true,
|
||
|
|
expandZoomRange: true,
|
||
|
|
center: [acenter[0], acenter[1]],
|
||
|
|
resizeEnable: true
|
||
|
|
});
|
||
|
|
var marker = new AMap.Marker({
|
||
|
|
position: [acenter[0], acenter[1]],
|
||
|
|
icon: '<%=config.webUrl%>/images/position-picker2.png',
|
||
|
|
offset: new AMap.Pixel(-13, -30),
|
||
|
|
// 设置是否可以拖拽
|
||
|
|
draggable: true,
|
||
|
|
cursor: 'move',
|
||
|
|
// 设置拖拽效果
|
||
|
|
raiseOnDrag: true
|
||
|
|
});
|
||
|
|
marker.on('dragging', showInfoM);
|
||
|
|
marker.setMap(map);
|
||
|
|
/*var provincename = d.find("#province option:selected").text();
|
||
|
|
var cityname = d.find("#city option:selected").text();
|
||
|
|
var countyname = d.find("#county option:selected").text();
|
||
|
|
var trading = d.find("#trading").val();
|
||
|
|
var tradingname = "";
|
||
|
|
if (trading == "-1") {
|
||
|
|
tradingname = d.find("#tradingname").val();
|
||
|
|
} else {
|
||
|
|
tradingname = d.find("#trading option:selected").text();
|
||
|
|
}
|
||
|
|
var address = cityname + countyname + tradingname + d.find("#address").val();*/
|
||
|
|
|
||
|
|
} else {
|
||
|
|
map = new AMap.Map('container', {
|
||
|
|
zoom: 15,
|
||
|
|
showLabel: true,
|
||
|
|
expandZoomRange: true,
|
||
|
|
center: [xcoo, ycoo],
|
||
|
|
});
|
||
|
|
var marker = new AMap.Marker({
|
||
|
|
position: [xcoo, ycoo],
|
||
|
|
icon: '<%=config.webUrl%>/images/position-picker2.png',
|
||
|
|
offset: new AMap.Pixel(-13, -30),
|
||
|
|
// 设置是否可以拖拽
|
||
|
|
draggable: true,
|
||
|
|
cursor: 'move',
|
||
|
|
// 设置拖拽效果
|
||
|
|
raiseOnDrag: true
|
||
|
|
});
|
||
|
|
marker.on('dragging', showInfoM);
|
||
|
|
marker.setMap(map);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
function showInfoM(e) {
|
||
|
|
var d = $(window.parent.document);
|
||
|
|
d.find("#ycoo").val(e.lnglat.getLng());
|
||
|
|
d.find("#xcoo").val(e.lnglat.getLat());
|
||
|
|
}
|
||
|
|
function qx() {
|
||
|
|
|
||
|
|
art.dialog.close();
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="mapbox">
|
||
|
|
|
||
|
|
<div class="mapcontainer" id="container"></div>
|
||
|
|
<div class="mapbtn"><input type="button" id="startbtn" onclick="qx()" class="abtn" value="标注好了,关闭" /></div>
|
||
|
|
</div>
|
||
|
|
<!-- <div id="myPageTop">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label>请输入关键字:</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<input id="tipinput"/>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label>单击地图位置标注</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>-->
|
||
|
|
</body>
|
||
|
|
</html>
|