www.zfire.com/Ainaphp/Tpl/Home/Default/Page_contact.html

<!--banner 开始-->
		<div class="page_banner_w">
			<div class="page_banner">
				<img src="img/contact_banner.jpg" class="bgimg"/>
			</div>
			<div class="page_banner_mask">
				<div class="p0 animateTop">沒有了诚信与信任，再合作就是多余</div>
				<div class="p2 animateTop">每一个梦想我们都会鼎力相助</div>
				
				<div class="form animateTop">
					<div class="input">
						<input type="text" placeholder="姓名">
					</div>
					<div class="input">
						<input type="text" placeholder="电话">
					</div>
					<div class="input">
						<input type="text" placeholder="邮箱">
					</div>
					<div class="input">
						<input type="text" placeholder="地址">
					</div>
					<div class="input">
						<textarea name="" placeholder="留言内容"></textarea>
					</div>
				</div>
				
				<div class="btn animateTop"><a>联系我们</a></div>
			</div>
		</div>
		<!--banner 结束-->
		
		<!--联系我们 开始-->
		<div class="page_contact_w w100 bgGray pt15">
			<div class="page_contact mar1500 bgfff isAnimation" data-animation="slideInUp" data-timeout="100">
				<div class="page_contact_c">
					<div class="top">
						<ul class="clearfix">
							<li class="address">
								<div class="li_c">
									<div class="title">联系地址</div>
									<div class="add">{$address}</div>
								</div>
							</li>
							<li class="contact">
								<div class="li_c">
									<div class="title">咨询</div>
									<div class="tel">电话：{$call}</div>
									<div class="tel">邮箱：{$site_email}</div>
								</div>
							</li>
							<li class="kefu">
								<div class="li_c">
									<div class="title">在线客服</div>
									<div class="qq_w clearfix">
										<div class="qq fl">
											<div class="h">客服1</div>
											<div class="b"><a href="http://wpa.qq.com/msgrd?v=1&uin={$qq}&site=qq&menu=yes">QQ咨询</a></div>
										</div>
										<div class="qq fl">
											<div class="h">客服2</div>
											<div class="b"><a href="http://wpa.qq.com/msgrd?v=1&uin={$qq_}&site=qq&menu=yes">QQ咨询</a></div>
										</div>
									</div>
								</div>
							</li>
							<li class="weixin">
								<div class="li_c">
									<div class="weixin_w clearfix">
										<div class="code fl">
											<div class="h">官方微信</div>
											<div class="b"><img src="<YP:block pos="wechat_code" type="image" />" width="75"/></div>
										</div>
										<div class="code fl">
											<div class="h">手机网站</div>
											<div class="b"><img src="<YP:block pos="mobile_code" type="image" />" width="75"/></div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>



					

	<div id="allmap"> </div>


	<style type="text/css">
		#allmap {
			height: 622px;
			width: 100%;
			overflow: hidden;
			margin: 0 auto;

		}


		.BMapLib_SearchInfoWindow .BMapLib_sendToPhone {
			display: none;
		}

		.BMapLib_SearchInfoWindow .BMapLib_bubble_top {
			height: 50px !important;
			line-height: 50px !important;
		}

		.BMapLib_SearchInfoWindow .BMapLib_bubble_title {
			line-height: 50px !important;
			background-color: #f9f9f9 !important;
			overflow: hidden;
			height: 50px !important;
			padding: 0 15px !important;
			font-size: 16px !important;
		}

		.BMapLib_SearchInfoWindow .BMapLib_bubble_tools {
			height: 50px !important;
		}

		.BMapLib_SearchInfoWindow .BMapLib_bubble_close {
			height: 50px !important;
		}

		.BMapLib_SearchInfoWindow .BMapLib_bubble_content {
			padding: 10px !important;
		}

		.BMapLib_SearchInfoWindow .BMapLib_bubble_content div {
			font-size: 14px !important;
			line-height: 200% !important;
		}
	</style>

	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=H1aHM7IKDb4FGhmsBdzQVRr9FPamK4LH"></script>
	<script type="text/javascript"src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
	<script type="text/javascript">
		// 百度地图API功能

		window.onload = function() {
			var map = new BMap.Map('allmap');
			var poi = new BMap.Point(113.363317,23.141258);
			map.centerAndZoom(poi, 17);
			var content = '<div style="margin:0;line-height:20px;padding:2px;">' +'电话：{$call}<br/>邮箱：{$site_email}<br/>地址：{$address}' +'</div>';

			//创建检索信息窗口对象
			var searchInfoWindow = null;
			searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
				title: "{$company}", //标题
				width: 400, //宽度
				height: 105, //高度
				panel: "panel", //检索结果面板
				enableAutoPan: true, //自动平移
				searchTypes: [
					BMAPLIB_TAB_SEARCH, //周边检索
					BMAPLIB_TAB_TO_HERE, //到这里去
					BMAPLIB_TAB_FROM_HERE //从这里出发
				]

			});

			//创建小狐狸

			var myIcon = new BMap.Icon("/Uploads/202209/63105ea487f0c.png", new BMap.Size(32, 32));

			var marker = new BMap.Marker(poi, {
				icon: myIcon
			}); // 创建标注

			searchInfoWindow.open(marker);

			//创建marker对象

			marker.addEventListener("click", function(e) {

				searchInfoWindow.open(marker);

			})

			map.addOverlay(marker); //在地图中添加marker
		}
	</script>





				</div>
			</div>
		</div>
		<!--联系我们 结束-->