热点地图

WebUI/CallCenterWeb.UI/Business/spotDist.html

@@ -123,23 +123,23 @@
 								<div class="toolLeft">
 									<td colspan="7">
 			                            <select class="select_" id="sourcearea">
-			                            	<option value="睢阳区">睢阳区</option>
-			                            	<option value="梁园区">梁园区</option>
-			                            	<option value="永城市">永城市</option>
-			                            	<option value="民权县">民权县</option>
-			                            	<option value="睢县">睢县</option>
-			                            	<option value="宁陵县">宁陵县</option>
-			                            	<option value="柘城县">柘城县</option>
-			                            	<option value="虞城县">虞城县</option>
-			                            	<option value="夏邑县">夏邑县</option>
-			                            	<option value="城乡一体化示范区">城乡一体化示范区</option>
+			                            	<option value="请选择">请选择</option>
+			                            	<option value="睢阳区">浉河区</option>
+			                            	<option value="梁园区">平桥区</option>
+			                            	<option value="永城市">潢川县</option>
+			                            	<option value="民权县">光山县</option>
+			                            	<option value="睢县">息县</option>
+			                            	<option value="宁陵县">新县</option>
+			                            	<option value="柘城县">罗山县</option>
+			                            	<option value="虞城县">商城县</option>
+			                            	<option value="夏邑县">淮滨县</option>
+			                            	<option value="城乡一体化示范区">固始县</option>
 			                            </select>
 			                        </td>
-									<button class="btns search_1">查询</button>
 								</div>
 							</div>
-							<div style="width:710px">
-				                <div id="myMap" style="width:100%;height:400px;"></div>
+							<div style="width:1000px">
+				                <div id="allmap" style="width:100%;height:400px;"></div>
 				                <input type="hidden" class="store_Lng" value="115.659773"/>
         						<input type="hidden" class="store_Lat" value="34.395449" />
 				            </div>
@@ -148,8 +148,111 @@
 				</div>
 			</div>
 		</div>
-		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
-		<script src="../js/appeal/spotIndex.js"></script>
+		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=SyRux96r0i0Xue1Qqp0ZPb4uCc8BC6Aw"></script>
+		<!-- <script src="spotIndex.js"></script> -->
+		<script>
+			// 百度地图API功能
+			
+			var map = new BMap.Map("allmap");
+			var point = new BMap.Point(114.090325, 32.129247);
+			map.centerAndZoom(point, 15);
+			map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
+			var json_data = [
+				[114.106931,32.153136],
+				[114.106904,32.152269],
+				[114.104631,32.15241],
+				[114.096677,32.151925],
+				[114.071201,32.146407],
+				[114.061751,32.146285],
+				[114.04709,32.13592],
+				[114.062541,32.122772],
+				[114.069512,32.155058],
+				[114.016476,32.174376],
+				[114.267858,32.162272],
+				[114.098473,31.874672],
+				[114.185214,31.885894],
+				[114.12563,32.101043],
+				[114.162792,32.407023],
+				[114.052408,32.355308],
+				[113.967249,32.30216],
+				[114.44486,32.2513],
+				[114.333326,32.311864],
+				[114.562143,32.10069],
+				[114.525061,32.198517],
+				[114.52233,32.216482],
+				[114.543602,32.206583],
+				[114.513994,32.222713],
+				[114.516293,32.096041]
+			];
+			var pointArray = new Array();
+
+			var opts = {
+				width: 250, // 信息窗口宽度
+				height: 80, // 信息窗口高度
+				title: "", // 信息窗口标题
+				enableMessage: true //设置允许信息窗发送短息
+			};
+			$('#sourcearea').change(function(obj) {
+				if($('#sourcearea').val() == "") {
+					alert("请选择省市区");
+					return;
+				}
+				var address = '河南省信阳' + $('#sourcearea').find("option:selected").text();;
+				//var address = '河南省商丘市睢阳区'
+				if(address != "") {
+					var city = '商丘市';
+					// 创建地址解析器实例
+					 var myGeo = new BMap.Geocoder();
+					myGeo.getPoint(address, function(point) {
+						if(point) {
+							//定位到区 ，级别显示12
+							map.centerAndZoom(point, 12);
+							//删除选点
+							map.clearOverlays();
+							for(var i = 0; i < json_data.length; i++) {
+								var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1])); // 创建点
+								map.addOverlay(marker); //增加点
+								pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
+								var content = json_data[i][2];
+								addClickHandler(content, marker);
+				
+							}
+						} else {
+							// alert("您选择地址没有解析到结果!");
+						}
+					}, city);
+				}
+			});
+			for(var i = 0; i < json_data.length; i++) {
+				var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1])); // 创建点
+				map.addOverlay(marker); //增加点
+				pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
+				var content = json_data[i][2];
+				addClickHandler(content, marker);
+
+			}
+			//让所有点在视野范围内
+			map.setViewport(pointArray);
+
+			function addClickHandler(content, marker) {
+				marker.addEventListener("click", function(e) {
+					openInfo(content, e)
+				});
+			}
+
+			function openInfo(content, e) {
+				var p = e.target;
+				var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
+				var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象 
+				map.openInfoWindow(infoWindow, point); //开启信息窗口
+			}
+
+			//移动到某一坐标点
+			function to(x, y) {
+				map.panTo(new BMap.Point(x, y));
+
+			}
+		</script>
 	</body>
 
 </html>