@{layout layout}
 @set header{
    <style type="text/css"> 
    .my-map { margin: 0 auto; width: 600px; height: 350px; }
    .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
    .my-map .icon-cir { height: 31px; width: 28px; }
    .my-map .icon-cir-red { background-position: -11px -5px; }
    .amap-container{height: 100%;}
      .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
      .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
      .amap-info-content {color: #000;}
  </style>
   <script src="http://webapi.amap.com/maps?v=1.3&key=8325164e247e15eea68b59e89200988b"></script>
    @}
@set body{
		<div id="pagenav1" style="display: none;">
	        <div class="am-pagetitle">
	            关于我们
	        </div>
	        <div class="am-subnav">
	            <li class="am-u-sm-4" ><a href="/guanyuwomen.html">关于我们</a></li>
	            <li class="am-u-sm-4" ><a href="/rongyuzhengshu.html">荣誉证书</a></li>
	            <li class="am-u-sm-4" ><a href="/zuzhijiegou.html">组织结构</a></li>
	        </div>
		</div>
		<div id="pagenav2" style="display: none;">
	        <div class="am-pagetitle">
	            合作案例
	        </div>
	        <div class="am-subnav">
	            <li class="am-u-sm-4" ><a href="/gongyiliucheng.html">工艺流程</a></li>
	            <li class="am-u-sm-4" ><a href="/hezuoanli.html">合作案例</a></li>
	        </div>
		</div>
		<div id="pagenav3" style="display: none;">
	        <div class="am-pagetitle">
	            联系我们
	        </div>
	        <div class="am-subnav">
	            <li class="am-u-sm-4" ><a href="/lianxiwomen.html">联系我们</a></li>
	            <li class="am-u-sm-4" ><a href="/ditudaohang.html">地图导航</a></li>
	        </div>
		</div>
		<div id="pagenav4" style="display: none;">
	        <div class="am-pagetitle">
	            应用领域
	        </div>
		</div>
        <div class="am-pagebg">
            <div class="am-page am-page1">
          		@{d.CurSinglePage.Body}
          		<ul class="anlilist" id="anlilist" style="display: none;">
                        <li>
                            <a href="/kaidilake.html">
                                <img src="@{d.SkinPath}/static/images/car1.jpg">
                                <h1>凯迪拉克CT6</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/zhongtaiqiche.html">
                                <img src="@{d.SkinPath}/static/images/car2.jpg">
                                <h1>众泰汽车T700</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/qiruikaiyi.html">
                                <img src="@{d.SkinPath}/static/images/car3.jpg">
                                <h1>奇瑞凯翼汽车C3</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/jiliboyue.html">
                                <img src="@{d.SkinPath}/static/images/car4.jpg">
                                <h1>吉利博越</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/angkela.html">
                                <img src="@{d.SkinPath}/static/images/car5.jpg">
                                <h1>上汽通用昂科拉</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/dongfengxiaokang.html">
                                <img src="@{d.SkinPath}/static/images/car6.jpg">
                                <h1>东风小康风光330</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/junwei.html">
                                <img src="@{d.SkinPath}/static/images/car7.jpg">
                                <h1>上汽通用君威</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/wulinghongguang.html">
                                <img src="@{d.SkinPath}/static/images/car8.jpg">
                                <h1>上汽通用五菱宏光/s</h1>
                            </a>
                        </li>
                     </ul>
                     <div id="wrap" class="my-map" style="width:350px;height:320px;border:1px solid #939393;margin-top: 20px;display: none;">
                      <div id="mapContainer"></div>
                    </div>
            </div>
        </div>
        <script type="text/javascript">
                    var dqtitle="@{d.CurSinglePage.Text}";
                    $(function(){
                        if(dqtitle=="关于我们"||dqtitle=="荣誉证书"||dqtitle=="组织结构")
                        {
                            $('#pagenav1').show();
                        }
                        if(dqtitle=="工艺流程"||dqtitle=="合作案例"||dqtitle=="凯迪拉克"||dqtitle=="五菱宏光"||dqtitle=="众泰汽车"||dqtitle=="奇瑞凯翼"||dqtitle=="吉利博越"||dqtitle=="东风小康"||dqtitle=="昂科拉"||dqtitle=="君威")
                        {
                            $('#pagenav2').show();
                            if(dqtitle=="合作案例")
                            {
                            $('#anlilist').show();
                            }
                        }
                        if(dqtitle=="联系我们"||dqtitle=="地图导航")
                        {
                            $('#pagenav3').show();
                            if(dqtitle=="地图导航")
                            {
                                 $('#wrap').show();
                         !function(){
                          var infoWindow, map, level = 17,
                           center = {lng: 120.8072800000, lat:27.8440800000},
                           features = [{type: "Marker", name: " 亿得宝科技发展有限公司 ", desc: "温州市滨海园区四道十三路456号", color: "red", icon: "cir", offset: {x: -9, y: -31}, lnglat: {lng: 120.8072800000, lat: 27.8440800000}}];

                          function loadFeatures(){
                           for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){
                            data = features[i];
                            switch(data.type){
                             case "Marker":
                              feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),
                               zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,
                               content: '<div class="icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'"></div>' });
                              break;
                             case "Polyline":
                              for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
                               path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
                              }
                              feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,
                               strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });
                              break;
                             case "Polygon":
                              for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
                               path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
                              }
                              feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,
                               strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,
                               fillColor: data.fillColor, fillOpacity: data.fillOpacity });
                              break;
                             default: feature = null;
                            }
                            if(feature){ AMap.event.addListener(feature, "click", mapFeatureClick); }
                           }
                          }

                          function mapFeatureClick(e){
                           if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true}); }
                           var extData = e.target.getExtData();
                           infoWindow.setContent("<h5>" + extData.name + "</h5><div>" + extData.desc + "</div>");
                           infoWindow.open(map, e.lnglat);
                          }

                          map = new AMap.Map("mapContainer", {center: new AMap.LngLat(center.lng, center.lat), level: level});
                          
                          loadFeatures();

                          map.on('complete', function(){
                           map.plugin(["AMap.ToolBar", "AMap.OverView", "AMap.Scale"], function(){
                            map.addControl(new AMap.ToolBar);
                           map.addControl(new AMap.OverView({isOpen: true}));
                           map.addControl(new AMap.Scale);
                           }); 
                          })
                          
                         }();
                            }
                        }
                        if(dqtitle=="应用领域")
                        {
                            $('#pagenav4').show();
                        }
                    })
                </script>  
@}