<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_459822_eq0s94dwm0k3ayvi.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Mobile Devices Support @begin -->
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="false" name="twcClient" id="twcClient">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta name="wap-font-scale" content="no">
<meta content="0" http-equiv="expires">
<!--允许全屏模式-->
<meta content="yes" name="apple-mobile-web-app-capable" />
<!--指定sari的样式-->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection" />
<!-- Mobile Devices Support @end -->
<title>测试</title>
<script type="text/javascript">
var APP_ROOT = '{$APP_ROOT}';
var LOADER_IMG = '{$TMPL}/images/loader_img.gif';
var LOADING_IMG = '{$TMPL}/images/loading.gif';
var AJAX_URL = '{url x="index" r="ajax"}';
var PAGE_TYPE = '{$PAGE_TYPE}';
</script>
<script type="text/javascript" src="jquery-2.1.4.js"></script>
<link rel="stylesheet" type="text/css" href="mine.css">
<link rel="stylesheet" type="text/css" href="publish.css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=8d867483baeaffd7f85b1ee099aee919"></script>
</head>
<body>
<script type="text/javascript">
var ajax_url = '{$ajax_url}';
var add_img_icon = '{$TMPL}/images/add_img_icon.png';
var img_max_size = '{function name="app_conf" v="MAX_IMAGE_SIZE"}';
</script>
<style>
.weizhi-box {display: none;width: 100vw;overflow-y:scroll;height: 100%;background: #efeeee;position: fixed;top:0;left: 0;z-index: 101;}
.weizhi-box .icon-close-b{position: fixed;top: 2.9375rem;right: 1rem;font-size: 1.5rem;z-index: 999;}
.weizhi-box1 {display: none;position: fixed;top:0;left: 0;z-index: 101;width: 100vw;height: 100%;}
.business_list_fixed {top: 2.75rem;}
.map-wrap {height: 0;}
#search {width: 100%;height: 3.6875rem;background: #d82d77;text-align: center;position: fixed;top: 2.75rem;left: 0;}
#search .sea-box{width: 80%;height: 2.125rem;margin: 0 auto;text-align: center;position: relative;padding-top:.78125rem; }
#suggestId {width:100%;height:100%;border-radius: 3rem;background: #e3669c;color: #fff;}
#search .iconfont {color: #fff;position: absolute;top: 1.25rem;left: 3rem;}
.mui-media-body {line-height: 1.6875rem;color: #34b1b1;border-bottom: solid 1px #cacaca;padding: .5rem 0 .5rem .875rem;}
.mui-media-body span {color: #34b1b1;font-size: 1rem;}
.r-weizhi {margin-top: 6.4375rem;height: 3.4375rem;line-height: 3.4375rem;padding-left: .875rem;font-size: .9375rem;border-bottom: solid 1px #cacaca;}
.tangram-suggestion-main {z-index: 999;}
</style>
<div class="head head1">
<div class="left"><a onclick="window.history.go(-1);"></a><i class="iconfont icon-fanhui"></i>返回</div>
<div class="title">测试</div>
<div class="right"><p onclick="$('#submit_button').click();" id="fabu">发布</p></div>
<div class="clear"></div>
</div>
<div class="all_h"></div>
<form name="publish_form" id="publish_form" method="post" action="{url r='index' p='uc_home#do_publish'}">
<div class="new_state_all" id="new_state_all">
<div class="top">
<textarea id="publish_item_textarea" name="write_state" class="write_state" placeholder="晒改变,晒心情,晒运动、晒美食"></textarea>
<div class="new_state_location">
<i class="iconfont icon-ditu1"></i>
<p id="weizhi">选择位置</p>
</a>
</div>
</div>
<div class="add">
<div class="img-show-box" style="display: block;padding-bottom: 1rem;">
<div class="item-add"><img src="{$TMPL}/images/add_img_icon.png"/></i><input class="file-btn" id="file-btn" type="file" /></div>
</div>
</div>
<div class="clear"></div>
<!--<input type="hidden" id="no_look_id" value="{$no_look_id}">-->
<!--<div class="publish_nolook">
<i class="iconfont icon-diqiu"></i>
<p id="bukan">不让谁看
</p>
</div>-->
</div>
<button type="button" style="display:none;" id="submit_button" rel=""></button>
</form>
<div class="weizhi-box">
<div class="head head1" style="z-index: 999">
<div class="left"><a onclick="$('.weizhi-box').css('display','none')"></a><i class="iconfont icon-fanhui"></i>返回</div>
<div class="title">所在位置</div>
<div class="clear"></div>
</div>
<div id="search">
<form>
<div class="sea-box">
<input id="suggestId" type="text" style="text-align: center">
</div>
<i class="iconfont icon-chazhaochexing"></i>
</form>
</div>
<div id="l-map" style="display:none;"></div>
<div class="r-weizhi">
不显示位置
</div>
<script>
$(".r-weizhi").click(function () {
var text = $(this).html()
$(".weizhi-box").css("display","none");
$("#weizhi").html(text);
});
</script>
<div id="r-result">
</div>
<script type="text/javascript">
var title = [];
var address = [];
var points = [];
var currentPoint = "";
var currentAddress = "";
var isLocated = false;
var isdispatching = false;//是否配送
var d = 2000;//配送范围,圆的半径
// 百度地图API功能
var map = new BMap.Map("l-map"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.331398,39.897445),14);
map.addEventListener("moveend",showCurrentPoi);
//自动定位
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
currentPonit = r.point;
isLocated = true;
map.centerAndZoom(r.point,14);
map.panTo(r.point);
// 创建地理编码实例
var myGeo = new BMap.Geocoder();
// 根据坐标得到地址描述
myGeo.getLocation(r.point, function(result){
if (result){
currentAddress = result.address;
// alert(currentAddress);
}
});
}
else
{
alert("定位失败:"+this.getStatus());
}
},{enableHighAccuracy: true})
//自动完成
var ac = new BMap.Autocomplete( //建立一个自动完成的对象
{"input" : "suggestId",
"location" : map
});
var myValue;
ac.addEventListener("onconfirm", function(e) { //鼠标点击下拉列表后的事件
var _value = e.item.value;
myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
// alert("1:"+_value.province+"2:"+_value.city+"3:"+_value.district+"4:"+_value.street+"5:"+_value.business);
showPoiFromKeyword();
$(".weizhi-box").css("display","none");
$("#weizhi").html(_value.business);
});
function showPoiFromKeyword(){
var local = new BMap.LocalSearch(map, { //智能搜索
onSearchComplete: function(results){
if (local.getStatus() == BMAP_STATUS_SUCCESS) {
var point = local.getResults().getPoi(0).point;