<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>地图坐标拾取</title>
<link rel="stylesheet" href="common.css">
<script src="jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="jquery-ui.min.css">
<script src="jquery-ui-1.10.4.min.js"></script>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
#main {
height: 553px;
width: 912px;
margin: 0px auto;
border: 1px solid #5688CB;
border-top: 0px;
}
#tooles {
height: 23px;
background: #5688CB;
position: relative;
z-index: 100;
color:white;
}
#bside_left {
width: 260px;
height: 510px;
padding: 10px 0px 10px 10px;
float: left;
overflow: auto;
}
#cur_city, #no_value {
height: 20px;
position: absolute;
top: 3px;
left: 10px;
}
#cur_city .change_city {
margin-left: 5px;
cursor: pointer;
}
#level {
margin-left: 20px;
}
.logo_img {
width: 172px;
height: 23px;
}
.search {
width: 280px;
height: 53px;
padding-left: 10px;
float: left;
margin-left: 15px;
margin-right: 30px;
}
.search_t {
width: 200px;
height: 18px;
padding: 3px;
margin-top: 13px;
line-height: 20px;
}
.search_c {
width: 220px;
height: 40px;
float: left;
}
.btn, .btn_active {
width: 49px;
height: 24px;
line-height: 24px;
font-size: 14px;
float: left;
background: url(./img/btn.png);
margin-top: 14px;
text-align: center;
cursor: pointer;
}
.btn_active {
background: url(./img/btn.png) -49px 0px;
}
.poi {
width: 570px;
height: 41;
padding-top: 12px;
float: left;
position: relative;
}
.poi_note {
width: 63px;
line-height: 26px;
float: left;
}
#poi_cur {
width: 160px;
height: 22px;
margin-right: 10px;
margin-top: 3px;
line-height: 26px;
float: left;
text-align: center;
}
#addr_cur {
width: 260px;
height: 22px;
margin-right: 5px;
margin-top: 3px;
line-height: 26px;
float: left;
text-align: center;
}
.btn_copy {
width: 49px;
height: 24px;
background: url(../img/btn_cpoy.png) 0px 0px;
float: left;
}
.already {
width: 52px;
line-height: 26px;
padding-left: 5px;
float: left;
color: red;
display: none;
}
.info_list {
margin-bottom: 5px;
cleat: both;
cursor: pointer;
}
#txt_pannel {
height: 500px;
}
#city {
width: 356px;
height: 433px;
padding: 10px;
border: 2px solid #D6D6D6;
position: absolute;
left: 44px;
top: 20px;
z-index: 999;
background: #fff;
overflow: auto;
color: black;
}
#city .city_class {
font-size: 12px;
background: #fff;
}
#city .city_container {
margin-top: 10px;
margin-bottom: 10px;
background: #fff;
}
#city .city_container_left {
width: 48px;
float: left;
}
#city .city_container_right {
width: 289px;
float: left;
}
#city .close {
width: 20px;
height: 20px;
display: inline-block;
float: right;
font-size: 20px;
font-weight: normal;
cursor: pointer;
}
#city .city_name {
line-height: 20px;
margin-left: 5px;
color: #2F82C4;
cursor: pointer;
display: inline-block;
font-size: 12px;
}
#curCity {
margin-right: 5px;
}
.hide {
display: none;
}
#bside_rgiht {
width: 631px;
height: 530px;
margin-left: 10px;
border-left: 1px solid #5688CB;
float: left;
font-size: 12px;
}
#container {
width: 621px;
height: 520px;
border: 5px solid #fff;
}
#no_value{
color:red;
position: relative;
width:200px;
}
</style>
</head>
<body>
<div style="width:912px;height:727px;position:relative;margin:0px auto;">
<div style="height:53px;">
<div class="search">
<div class="search_c"><input type="text" class="search_t" onkeypress="if(event.keyCode==13) {btnSearch.click();return false;}"/></div>
<div id="btn_search" class="btn">搜索</div>
</div>
<div class="poi">
<div class="poi_note">当前坐标：</div>
<input type="text" id="poi_cur" />
<div class="poi_note">当前地址：</div>
<input type="text" id="addr_cur" />
</div>
</div>
<div id="main">
<div id="tooles">
<div id="cur_city">
<strong>北京市</strong><span class="change_city">[<span style="text-decoration:underline;">更换城市</span>]<span id="level">当前缩放等级：10</span></span>
<div id="city" class="hide">
<h3 class="city_class">热门城市<span class="close">X</span></h3>
<div class="city_container">
<span class="city_name">北京</span>
<span class="city_name">深圳</span>
<span class="city_name">上海</span>
<span class="city_name">香港</span>
<span class="city_name">澳门</span>
<span class="city_name">广州</span>
<span class="city_name">天津</span>
<span class="city_name">重庆</span>
<span class="city_name">杭州</span>
<span class="city_name">成都</span>
<span class="city_name">武汉</span>
<span class="city_name">青岛</span>
</div>
<h3 class="city_class">全国城市</h3>
<div class="city_container">
<div class="city_container_left">直辖市</div>
<div class="city_container_right">
<span class="city_name">北京</span>
<span class="city_name">上海</span>
<span class="city_name">天津</span>
<span class="city_name">重庆</span>
</div>
</div>
<div style="clear:both"></div>
<div class="city_container">
<div class="city_container_left"><span class="style_color">内蒙古</span></div>
<div class="city_container_right">
<span class="city_name">呼和浩特</span>
<span class="city_name">包头</span>
<span class="city_name">乌海</span>
<span class="city_name">赤峰</span>
<span class="city_name">通辽</span>
<span class="city_name">鄂尔多斯</span>
<span class="city_name">呼伦贝尔</span>
<span class="city_name">巴彦淖尔</span>
<span class="city_name">乌兰察布</span>
<span class="city_name">兴安盟</span>
<span class="city_name">锡林郭勒盟</span>
<span class="city_name">阿拉善盟</span>
</div>
</div>
<div style="clear:both"></div>
<div class="city_container">
<div class="city_container_left"><span class="style_color">山西</span></div>
<div class="city_container_right">
<span class="city_name">太原</span>
<span class="city_name">大同</span>
<span class="city_name">阳泉</span>
<span class="city_name">长治</span>
<span class="city_name">晋城</span>
<span class="city_name">朔州</span>
<span class="city_name">晋中</span>
<span class="city_name">运城</span>
<span class="city_name">忻州</span>
<span class="city_name">临汾</span>
<span class="city_name">吕梁</span>
</div>
</div>
<div style="clear:both"></div>
<div class="city_container">
<div class="city_container_left"><span class="style_color">陕西</span></div>
<div class="city_container_right">
<span class="city_name">西安</span>
<span class="city_name">铜川</span>
<span class="city_name">宝鸡</span>
<span class="city_name">咸阳</span>
<span class="city_name">渭南</span>
<span class="city_name">延安</span>
<span class="city_name">汉中</span>
<span class="city_name">榆林</span>
<span class="city_
getpoint.rar （10个子文件） 
getpoint.html 40KB
images 
ui-bg_glass_100_e4f1fb_1x400.png 423B ui-bg_highlight-hard_100_f2f5f7_1x100.png 405B img marker_n.png 4KB marker10.png 9KB btn.png 1KB
jquery-ui.min.css 27KB jquery-ui-1.10.4.min.js 223KB jquery-1.9.1.min.js 90KB common.css 3KB
scwysy
- 粉丝: 2
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
前往页