﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
		#allmap{width:100%;height:100%;}
		p{margin-left:5px; font-size:12px;}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=577b63eb70a913a6b278cdf0df65879f"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
	<title>添加复杂内容的信息窗口</title>
</head>
<body>
	<div id="allmap"></div>
	 
</body>
</html>
<script type="text/javascript">
	function jsFunc(str1, str2) {
		alert(str1);
		alert(str2);
	}
	function foxFunc() {
		window.external.funcInFoxtable("hello，foxtable！");		
	}
		function openhospital(HID) {
		window.external.openhospital(HID);		
	}
 
	
    // 百度地图API功能	
	map = new BMap.Map("allmap");
 map.centerAndZoom(new BMap.Point(110.020982,32.536719), 6);


 // 添加带有定位的导航控件
  var navigationControl = new BMap.NavigationControl({
    // 靠左上角位置
    anchor: BMAP_ANCHOR_TOP_LEFT,
    // LARGE类型
    type: BMAP_NAVIGATION_CONTROL_LARGE,
    // 启用显示定位
    enableGeolocation: true
  });
  map.addControl(navigationControl);


	var data_info = [/*医院信息*/
	
					];

			var opts = {
				width : 400,     // 信息窗口宽度
				height: 320,     // 信息窗口高度
				title : "[信息面板]" , // 信息窗口标题
				enableMessage:false//设置允许信息窗发送短息
			   };
		var markers = [];
	for(var i=0;i<data_info.length;i++){
		
		
		
		var marker = new BMap.Marker(new BMap.Point(data_info[i][0],data_info[i][1]));  // 创建标注
		markers.push(marker);
		
		var content = "<p><b><a style='font-size:14px'>" + 
		data_info[i][2] +
		"</a></b></p>" + 
		"<p>" + 
		data_info[i][3] +
		"</p>" + 
		"<p><input id='certid' type='text' value='" + 
data_info[i][4] + 
"' style='display:none' ></p>" + 
	"<p>上月销量[调用上月销量数据]</p>" +
	"<p>同比增加[调用同比数据],环比增加[调用环比数据]</p>" +
	"<p>本月新增客户:[调用新增客户数据]</p>" +
"<p>科室及代表:[调用科室及代表数据]</p>" +
"<p>市场级别:[调用市场级别数据]</p>" +
	"<p><input type='button' value='查看详细信息' onclick='openhospital(certid.value)'/></p>" +
		"</div>";
		map.addOverlay(marker);               // 将标注添加到地图中
		addClickHandler(content,marker);
	}
	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); //开启信息窗口
 
	}
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
		map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
	map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
	 
</script>
