/*
* 这个例子演示了 Google 地图 API 的以下功能:
* * 可拖拽的标记
* * 在地图上叠加折线
* * 计算地理距离
* * 事件处理（单击、拖拽）
* * 信息窗口
* * 利用链表维护各种对象
* * 自定义控件
*
* 注意：为了在 IE6 中正常显示折线，必须在网页的 标签中加上：
*
*
* @author haogang
*/
/**
* 本示例用一个双向链表维护用户设定的标记，能够容易的实现标记的遍历和删除
* 每个链表结点 m 有如下字段：
* m.prev 前驱标记
* m.next 后继标记
* m.segPrev 连接本标记与前驱标记的线段
* m.segNext 连接本标记与后继标记的线段
*/
function GRulerControl() {
var me = this;
// 可国际化的字符串
me.RESET_BUTTON_TITLE_ = '清除所有测距标记';
me.ENABLE_BUTTON_TITLE_ = '添加测距标记已启用，单击这里禁用';
me.DISABLE_BUTTON_TITLE_ = '添加测距标记已禁用，单击这里启用';
me.DELETE_BUTTON_TITLE_ = '搜索本地自然灾害信息';
me.RESET_BUTTON_IMAGE_ ="http://www.zhongguosou.com/zonghe/ditu/images/ruler_clear.png";
me.ENABLE_BUTTON_IMAGE_ = "http://www.zhongguosou.com/zonghe/ditu/images/ruler_enabled.png";
me.DISABLE_BUTTON_IMAGE_ = "http://www.zhongguosou.com/zonghe/ditu/images/ruler_disabled.png";
me.BACKGROUND_IMAGE_ = "http://www.zhongguosou.com/zonghe/ditu/images/ruler_background.png";
me.KILOMETER_ = '公里';
me.METER_ = '米';
//汶川地震震中
var markerWen;
//唐山大地震
var markerTang;
//澜沧地震
var markerLan;
//海城地震
var markerHaiCheng;
//通海地震
var markerTong;
//邢台地震
var markerXing;
//察隅地震
var markerCha;
//叠溪地震
var markerDie;
//昌马地震
var markerChang;
//古浪地震
var markerGu;
//海原地震
var markerHai;
//奇林湖地震
var markerQi;
//沙湾西地震
var markerSha;
//道孚地震
var markerDao;
//阿图什地震
var markerA;
//I2地震带
var polygonI2;
var oldmapI2;
var oldmapIV;
var oldmapVI1;
var oldmapVI2;
var oldmapVI3;
var oldmapVI4;
var oldmapIII1;
var oldmapIII4;
var oldmapIII32;
var oldmapIII5;
var oldmapV123;
var oldmapVI5;
var oldmapVII2V45;
var oldmapVIII1V6;
var oldmapVIII2;
var oldmapVII1;
var oldmapII;
var oldmapI1;
}
GRulerControl.prototype = new GControl();
/**
* 初始化标尺控件
*/
GRulerControl.prototype.initialize = function(map) {
var me = this;
var container = document.createElement('div');
me.setButtonStyle_(container);
// “启用/禁用”按钮
var btnEnable = document.createElement('img');
btnEnable.width = btnEnable.height = 19;
GEvent.addDomListener(btnEnable, 'click',
function() {
me.setEnabled(!me.isEnabled());
}
);
container.appendChild(btnEnable);
// “重置”按钮
var btnReset = document.createElement('img');
btnReset.width = btnReset.height = 19;
btnReset.src =me.RESET_BUTTON_IMAGE_;
btnReset.title = me.RESET_BUTTON_TITLE_;
GEvent.addDomListener(btnReset, 'click',
function() {
me.reset();
});
container.appendChild(btnReset);
// 距离标签
var txtInfo = document.createElement('div');
txtInfo.style.font = 'small Arial';
//txtInfo.style.fontWeight = 'bold';
txtInfo.style.fontSize = '9pt';
txtInfo.style.width = '120px';
container.appendChild(txtInfo);
// 初始化内部变量
map.rulerControl_ = me;
me.map_ = map;
me.head_ = new Object();
me.tail_ = new Object();
me.head_.next_ = me.tail_;
me.tail_.prev_ = me.head_;
me.btnEnable_ = btnEnable;
me.btnReset_ = btnReset;
me.txtInfo_ = txtInfo;
me.setEnabled(true);
// me.newMarker=new Object();
//将强震震中加入地图中,为了能够在地图首次加载时显示大震标记
dizhen_data();
//me.map_.addOverlay(polygonI2);
me.map_.addOverlay(markerWen);
me.map_.addOverlay(markerTang);
me.map_.addOverlay(markerLan);
me.map_.addOverlay(markerHaiCheng);
me.map_.addOverlay(markerTong);
me.map_.addOverlay(markerXing);
me.map_.addOverlay(markerCha);
me.map_.addOverlay(markerDie);
me.map_.addOverlay(markerChang);
me.map_.addOverlay(markerGu);
me.map_.addOverlay(markerHai);
me.map_.addOverlay(markerSha);
me.map_.addOverlay(markerQi);
me.map_.addOverlay(markerDao);
me.map_.addOverlay(oldmapI2);
me.map_.addOverlay(oldmapIV);
me.map_.addOverlay(oldmapVI1);
me.map_.addOverlay(oldmapVI2);
me.map_.addOverlay(oldmapVI3);
me.map_.addOverlay(oldmapVI4);
me.map_.addOverlay(oldmapIII1);
me.map_.addOverlay(oldmapIII4);
me.map_.addOverlay(oldmapIII32);
me.map_.addOverlay(oldmapIII5);
me.map_.addOverlay(oldmapV123);
me.map_.addOverlay(oldmapVI5);
me.map_.addOverlay(oldmapVII2V45);
me.map_.addOverlay(oldmapVIII1V6);
me.map_.addOverlay(oldmapVIII2);
me.map_.addOverlay(oldmapVII1);
me.map_.addOverlay(oldmapII);
me.map_.addOverlay(oldmapI1);
map.getContainer().appendChild(container);
return container;
}
/**
* 设置控件的格式
*/
GRulerControl.prototype.setButtonStyle_ = function(button) {
button.style.backgroundImage = 'url(' + this.BACKGROUND_IMAGE_ + ')';
button.style.font = 'small Arial';
button.style.border = '1px solid #888888';
button.style.padding = '4px';
button.style.textAlign = 'right';
button.style.cursor = 'pointer';
button.style.margin='0px';
}
/**
* 用恰当的格式表示距离
*/
GRulerControl.prototype.formatDistance_ = function(len) {
var me = this;
len = Math.round(len);
if (len <= 1000) {
return len + ' ' + me.METER_;
} else if (len <= 1000000) {
return Math.round(len / 1000) + ' ' + me.KILOMETER_;
}
return Math.round(len / 1000) + ' ' + me.KILOMETER_;
}
/**
* 格式化角度为字符串
*/
GRulerControl.prototype.formatDegree_ = function(value) {
value = Math.abs(value);
var v1 = Math.floor(value);
var v2 = Math.floor((value - v1) * 60);
var v3 = Math.round((value - v1) * 3600 % 60);
return v1 + '°' + v2 + '\'' + v3 + '"';
}
/**
* 格式化经纬度为字符串
*/
GRulerControl.prototype.formatLatLng_ = function(pt) {
var me = this;
var latName, lngName;
var lat = pt.lat();
var lng = pt.lng();
latName = lat >= 0 ? '北纬' : '南纬';
lngName = lng >= 0 ? '东经' : '西经';
return lngName + me.formatDegree_(lng) + '，'
+ latName + me.formatDegree_(lat);
}
/**
* 返回控件的默认位置
*/
GRulerControl.prototype.getDefaultPosition = function() {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(8, 8));
}
/**
* 返回控件是否已启用
*/
GRulerControl.prototype.isEnabled = function() {
return this.enabled_;
}
/**
* 设置控件的“启用/禁用"状态
*/
GRulerControl.prototype.setEnabled = function(value) {
var me = this;
if (value == me.enabled_)
return;
me.enabled_ = value;
if (me.enabled_) {
me.mapClickHandle_ = GEvent.addListener(me.map_, 'click', me.onMapClick_);
me.txtInfo_.style.display = 'block';
me.btnReset_.style.display = 'inline';
me.btnEnable_.src =me.ENABLE_BUTTON_IMAGE_;
me.btnEnable_.title = me.ENABLE_BUTTON_TITLE_;
me.updateDistance_();
} else {
GEvent.removeListener(me.mapClickHandle_);
me.txtInfo_.style.display = 'none';
me.btnReset_.style.display = 'none';
me.btnEnable_.src = me.DISABLE_BUTTON_IMAGE_;
me.btnEnable_.title = me.DISABLE_BUTTON_TITLE_;
}
}
/**
* 事件处理函数：当用户单击地图时，要在该位置添加一个标记
*/
GRulerControl.prototype.onMapClick_ = function(marker, latlng) {
var me = this.rulerControl_;
// 如果用户单击的是标记，不再这里处理
if (marker)
return;
//先清除现有标记，加载初始数据
me.reset();
// 创建标记，并添加到链表中
var icon1= new GIcon();
icon1.image = "http://www.zhongguosou.com/zonghe/ditu/images/icon1.png";
icon1.shadow = "http://www.zhongguosou.com/zonghe/ditu/images/icon1_shadow.png";
icon1.iconSize = new GSize(20, 34);
icon1.shadowSize = new GSize(37, 34);
icon1.iconAnchor = new GPoint(10,34);
icon1.infoWindowAnchor = new GPoint(5, 1);
var newMarker = new GMarker(latlng, {icon:icon1,draggable: true});
var pos = me.tail_.prev_;
newMarker.prev_ = pos;
newMarker.next_ = pos.next_;
pos.next_.prev_ = newMarker;
pos.next_ = newMarker;
var pos = me.tail_.prev_;
markerWen.prev_ = pos;
markerWen.next_ = pos.next_;
pos.next_.prev_ = markerWen;
pos.next_ = markerWen;
var pos = me.tail_.prev_;
markerTang.prev_ = pos;
markerTang.next_ = pos.next_;
pos.next_.prev_ = markerTang;
pos.next_ = markerTang;
var pos = me.tail_.prev_;
markerLan.prev_ = pos;
markerLan.next_ = pos.next_;
pos.next_.prev_ = markerLan;
pos.next_ = markerLan;
var pos = me.tail_.prev_;
markerHaiCheng.prev_ = pos;
markerHaiCheng.next_ = pos.next_;
pos.next_.prev_ = markerHaiCheng;
pos.next_ = markerHaiCheng;
var pos = me.tail_.prev_;
markerTong.prev_ = pos;
markerTong.next_ = pos.next_;
pos.next_.prev_ = markerTong;
pos.next_ = markerTong;
var pos = me.tail_.prev_;
markerXing.prev_ = pos;
markerXing.next_ = pos.next_;
pos.next_.prev_ = markerXing;
pos.next_ = markerXing;
var pos = me.tail_.prev_;
markerCha.prev_ = pos;
markerCha.next_ = pos.next_;
pos.next_.prev_ = markerCha;
pos.next_ = markerCha;
var pos = me.tail_.prev_;
markerDie.prev_ = pos;
markerDie.next_ = pos.next_;
pos.next_.prev_ = markerDie;
pos.next_ = markerDie;
var pos = me.tail_.prev_;
markerChang.prev_ = pos;
markerChang.next_ = pos.next_;
pos.next_.prev_ = markerChang;
pos.next_ = markerChang;
var pos = me.tail_.prev_;
markerGu.prev_ = pos;
markerGu.next_ = pos.next_;
pos.next_.prev_ = markerGu;
pos.next_ = markerGu;
var pos = me.tail_.prev_;
markerHai.prev_ = pos;
markerHai.next_ = pos.next_;
pos.next_.prev_ = markerHai;
pos.next_ = markerHai;
var pos = me.tail_.prev_;
markerSha.prev_ = pos;
markerSha.next_ = pos.next_;
pos.next_.prev_ = markerSha;
pos.next_ = markerSha;
var pos = me.tail_.prev_;
markerQi.prev_ = pos;
markerQi.next_ = pos.next_;
pos.next_.prev_ = markerQi;
pos.next_ = markerQi;
var pos = me.tail_.prev_;
markerDao.prev_ = pos;
markerDao.next_ = pos.next_;
pos.next_.prev_ = markerDao;
pos.next_ = markerDao;
// 为标记添加事件处理函数：拖拽标记时要更新连接线段和距离
GEvent.addListener(newMarker, 'dragend',
function() {
me.map_.closeInfoWindow();
me.updateSegments_(newMarker);
me.updateDistance_();
}
);
// 为标记添加事件处理函数：单击标记时要显示信息窗口
GEvent.addListener(newMarker, 'click',
function() {
newMarker.openInfoWindow(me.createInfoWindow_(newMarker));
}
);
// 将创建的标记添加到地图
me.map_.addOverlay(newMarker);
// if (newMarker.prev_ != me.head_) {
// 如果这不是第一个标记，则创建连接到上一个标记的线段，并显示在地图中
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerWen.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerTang.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerLan.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerHaiCheng.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerTong.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerXing.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerCha.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerDie.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerChang.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerGu.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerHai.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerSha.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerQi.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([newMarker.getLatLng(),markerDao.getLatLng()],"#0000FF", 1));
// 更新距离显示
me.updateDistance_();
//}
}
/**
* 统计总距离，并显示在网页中
*/
GRulerControl.prototype.updateDistance_ = function() {
var me = this;
var len = 0;
var m = me.head_;
var h=me.head_.next_;
var arr=['汶川','唐山','澜沧','海城','通海','邢台','察隅','叠溪','昌马','古浪','海原','沙湾西','奇林湖','道孚'];
var i=0;
var nearest=3000000000;//记录最近的距离数据显示在最下面
var nearestZhen="";
var lendis="距历史强震震中距离
";
for (var m = me.head_; m != me.tail_; m = m.next_) {
if (m.prev_ && m.prev_.getPoint)
{
len = h.getPoint().distanceFrom(m.getPoint());
lendis+=arr[i]+ me.formatDistance_(len)+"
";
if (nearest>len)
{nearest=len;
nearestZhen=arr[i];
}
i=i+1;
}
}
if (nearest==3000000000)
nearest="";
me.txtInfo_.innerHTML = lendis+"
离你所标最近的震中是"+nearestZhen+me.formatDistance_(nearest);
}
/**
* 遍历链表，统计总距离
*/
GRulerControl.prototype.getDistance = function() {
var me = this;
// var len = 0;
// var m = me.head_;
// var mapPoint2 =new GLatLng(31.0,103.4);
// var mapPoint1=marker1.getLatLng();
// var len=mapPoint1.distanceFrom(mapPoint2);
// len = m.prev_.getLatLng().distanceFrom(mapPoint2)
// 周游链表，累计相邻两个标记间的距离
//for (var m = me.head_; m != me.tail_; m = m.next_) {
// if (m.prev_ && m.prev_.getLatLng)
// len += m.prev_.getLatLng().distanceFrom(m.getLatLng());
//}
//return len;
}
/**
* 清除所有标记，初始化链表
*/
GRulerControl.prototype.reset = function() {
var me = this;
//清除显示，加载初始数据
me.map_.clearOverlays();
dizhen_data();
me.map_.addOverlay(markerWen);
me.map_.addOverlay(markerTang);
me.map_.addOverlay(markerLan);
me.map_.addOverlay(markerHaiCheng);
me.map_.addOverlay(markerTong);
me.map_.addOverlay(markerXing);
me.map_.addOverlay(markerCha);
me.map_.addOverlay(markerDie);
me.map_.addOverlay(markerChang);
me.map_.addOverlay(markerGu);
me.map_.addOverlay(markerHai);
me.map_.addOverlay(markerSha);
me.map_.addOverlay(markerQi);
me.map_.addOverlay(markerDao);
me.map_.addOverlay(oldmapI2);
me.map_.addOverlay(oldmapIV);
me.map_.addOverlay(oldmapVI1);
me.map_.addOverlay(oldmapVI2);
me.map_.addOverlay(oldmapVI3);
me.map_.addOverlay(oldmapVI4);
me.map_.addOverlay(oldmapIII1);
me.map_.addOverlay(oldmapIII4);
me.map_.addOverlay(oldmapIII32);
me.map_.addOverlay(oldmapIII5);
me.map_.addOverlay(oldmapV123);
me.map_.addOverlay(oldmapVI5);
me.map_.addOverlay(oldmapVII2V45);
me.map_.addOverlay(oldmapVIII1V6);
me.map_.addOverlay(oldmapVIII2);
me.map_.addOverlay(oldmapVII1);
me.map_.addOverlay(oldmapII);
me.map_.addOverlay(oldmapI1);
for (var m = me.head_.next_; m != me.tail_; m = m.next_) {
me.map_.removeOverlay(m);
if (m.segNext_)
me.map_.removeOverlay(m.segNext_);
}
me.head_ = new Object();
me.tail_ = new Object();
me.head_.next_ = me.tail_;
me.tail_.prev_ = me.head_;
me.updateDistance_();
}
/**
* 事件处理函数：当用户拖拽标记、标记坐标改变时被调用，这里要更新与该标记连接的线段
* @param {GMarker} marker 被拖拽的标记
*/
GRulerControl.prototype.updateSegments_ = function(marker) {
var me = this;
var segment;
// 从地图上删除旧的线段
me.map_.clearOverlays();
dizhen_data();
me.map_.addOverlay(marker);
//将强震震中加入地图中
me.map_.addOverlay(markerWen);
me.map_.addOverlay(markerTang);
me.map_.addOverlay(markerLan);
me.map_.addOverlay(markerHaiCheng);
me.map_.addOverlay(markerTong);
me.map_.addOverlay(markerXing);
me.map_.addOverlay(markerCha);
me.map_.addOverlay(markerDie);
me.map_.addOverlay(markerChang);
me.map_.addOverlay(markerGu);
me.map_.addOverlay(markerHai);
me.map_.addOverlay(markerSha);
me.map_.addOverlay(markerQi);
me.map_.addOverlay(markerDao);
me.map_.addOverlay(oldmapI2);
me.map_.addOverlay(oldmapIV);
me.map_.addOverlay(oldmapVI1);
me.map_.addOverlay(oldmapVI2);
me.map_.addOverlay(oldmapVI3);
me.map_.addOverlay(oldmapVI4);
me.map_.addOverlay(oldmapIII1);
me.map_.addOverlay(oldmapIII4);
me.map_.addOverlay(oldmapIII32);
me.map_.addOverlay(oldmapIII5);
me.map_.addOverlay(oldmapV123);
me.map_.addOverlay(oldmapVI5);
me.map_.addOverlay(oldmapVII2V45);
me.map_.addOverlay(oldmapVIII1V6);
me.map_.addOverlay(oldmapVIII2);
me.map_.addOverlay(oldmapVII1);
me.map_.addOverlay(oldmapII);
me.map_.addOverlay(oldmapI1);
//重新绘制线段
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerWen.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerTang.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerLan.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerHaiCheng.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerTong.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerXing.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerCha.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerDie.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerChang.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerGu.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerHai.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerSha.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerQi.getLatLng()],"#0000FF", 1));
me.map_.addOverlay(new GPolyline([marker.getLatLng(),markerDao.getLatLng()],"#0000FF", 1));
}
/**
* 为信息窗口创建 DOM 对象，包括标记的坐标和“删除”按钮
* @param {GMarker} marker 对应的标记
*/
GRulerControl.prototype.createInfoWindow_ = function(marker) {
var me = this;
// 为气泡提示窗口创建动态 DOM 对象，这里我们用 DIV 标签
var div = document.createElement('div');
div.style.fontSize = '10.5pt';
div.style.width = '250px';
div.appendChild(
document.createTextNode(me.formatLatLng_(marker.getPoint())));
var hr = document.createElement('hr');
hr.style.border = 'solid 1px #cccccc';
div.appendChild(hr);
// 创建“删除”按钮
//var lnk = document.createElement('div');
//lnk.innerHTML = me.DELETE_BUTTON_TITLE_;
//lnk.style.color = '#0000cc';
//lnk.style.cursor = 'pointer';
//lnk.style.textDecoration = 'underline';
// 为“删除”按钮添加事件处理：调用 removePoint() 并重新计算距离
//lnk.onclick =
//function() {
//创建搜索本地地震数据的搜索连接，以县为单位
//};
//div.appendChild(lnk);
// 当用户关闭信息窗口时 Google 地图 API 会自动释放该对象
return div;
}
function dizhen_data()
{
//汶川地震数据
var me=this;
var point = new GLatLng(31.0,103.4);
markerWen=new GMarker(point);
var infoTabsWen = [
new GInfoWindowTab("基本情况", "汶川地震：2008年5月12日14时28分，在四川汶川县（北纬31度，东经103.4度)发生的地震，震级为8.0级，全国大部分地区均有震感。据民政部统计，截至目前，已造成四川、甘肃、陕西、重庆、云南、山西、贵州、湖北8省市共7万余人死亡，倒塌房屋100余万间，目前数字还在上升中...
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerWen, "click", function() {
markerWen.openInfoWindowTabsHtml(infoTabsWen); });
//唐山地震数据
point=new GLatLng(39.4,118.0);
markerTang=new GMarker(point);
var infoTabsTang = [
new GInfoWindowTab("基本情况", "唐山地震：1976年7月28日3时42分54点2秒，在河北省唐山市（震中纬度39.4度，东经118.0度）发生震级为7.8级的大地震。此次地震震中烈度11度，震源深度11公里，死亡24.2万人，重伤16万人，一座重工业城市毁于一旦，直接经济损失100亿元以上，为20世纪世界上人员伤亡最大的地震。这次地震的预报过程极为复杂。海城地震发生后，京、津、唐地区是否还有大震的问题在地震界引起争论，一批地震工作者对这一地区的监视一直持续到唐山地震发生之前。中央最终未得到来自地震局提供的短期临震预报，以致唐山市没有预防。但河北青龙县在全县范围内采取了预防措施，取得了巨大的防震减灾效果。
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerTang, "click", function() {
markerTang.openInfoWindowTabsHtml(infoTabsTang); });
//澜沧江地震
point=new GLatLng(22.9,100.1);
markerLan=new GMarker(point);
var infoTabsLan=[new GInfoWindowTab("基本情况", "1988年澜沧、耿马地震1988年11月6日21时3分、21时16分，中国云南省澜沧（北纬22.9度，东经100.1度）、耿马（北纬23度23分，东经99度36分）发生震级为7.6级（澜沧）、7.2级（耿马）的两次大地震。相距120公里的两次地震，时间仅相隔13分钟，两座县城被夷为平地，伤4105人，死亡743人，经济损失25.11亿元。滑坡体堵塞河道形成堰塞湖多处可见。公路路面产生鼓包、张裂或路基失效。由于本次地震和12年前的唐山地震同样发生在龙年。
"),new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerLan, "click", function()
{markerLan.openInfoWindowTabsHtml(infoTabsLan);});
//海城地震
point=new GLatLng(40.65,122.8);
markerHaiCheng=new GMarker(point);
var infoTabsHaiCheng=[
new GInfoWindowTab("基本情况", "海城地震：1975年2月4日19时36分6秒，辽宁省海城县（北纬40.65，东经122.8）发生震级为7.3级的大地震。此次地震，震中烈度9度强，死亡1328人，重伤4292人。经济损失8.1亿元。由于此次地震被成功预报预防，使更为巨大和惨重的损失得以避免，它因此被称为20世纪地球科学史和世界科技史上的奇迹。
"),new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerHaiCheng, "click", function() {
markerHaiCheng.openInfoWindowTabsHtml(infoTabsHaiCheng); });
//通海地震
point=new GLatLng(24.0,102.7);
markerTong=new GMarker(point);
var infoTabsTong=[
new GInfoWindowTab("基本情况", "通海地震：1970年1月5日1时0分34秒，云南省通海县（北纬24.0度，东经102.7度）发生震级为7.7级的大地震。此次地震，震中烈度为10度强，震源深度为10公里，死亡15621人，伤残32431人。为中国1949年以来继1954年长江大水后第二个死亡万人以上的重灾。震前，豕突犬吠，雀啼鱼惊，墙缝喷水.
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerTong, "click", function() {
markerTong.openInfoWindowTabsHtml(infoTabsTong); });
//邢台地震
point=new GLatLng(37.35,114.92);
markerXing=new GMarker(point);
var infoTabsXing=[
new GInfoWindowTab("基本情况", "邢台地震：由两个大地震组成：1966年3月8日5时29分14秒，河北省邢台专区隆尧县（北纬37度21分，东经114度55分）发生震级为6.8级的大地震，震中烈度9度强；1966年3月22日16时19分46秒，河北省邢台专区宁晋县（北纬37度32分，东经115度03分）发生震级为7.2级的大地震，震中烈度10度。两次地震共死亡8064人，伤38000人，经济损失10亿元。这是一次久旱之后的大震。地震发生后，漫天飘雪。中国总理周恩来三赴震区，百姓的苦难使他落泪，他指示中国一定要有自己的地震预报系统。
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerXing, "click", function() {
markerXing.openInfoWindowTabsHtml(infoTabsXing); });
//察隅地震
point=new GLatLng(28.5,96.0);
markerCha=new GMarker(point);
var infoTabsCha=[
new GInfoWindowTab("基本情况", "察隅地震：1950年8月15日22时9分34秒，西藏察隅县（北纬28.5度，东经96.0度）发生震级为8.5级的强烈地震。此次地震，震中烈度12度，死亡近4000人。强震使世界各国的地震记录仪纷纷出格，美国的科学家认为地震发生在日本，而日本的科学家认为地震发生在美国。喜马拉雅山几十万平方公里大地瞬间面目全非：雅鲁藏布江在山崩中被截成四段；整座村庄被抛到江对岸。几百名喇嘛和尼姑深埋寺院的瓦砾之下。一位在印度境内的英国茶叶种植园主说地震听起来就像高速火车通过隧道。成千上万惊恐的印度人喊着：老天爷发话啦，老天爷发话啦。
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerCha, "click", function() {
markerCha.openInfoWindowTabsHtml(infoTabsCha); });
//叠溪地震
point=new GLatLng(32.0,103.7);
markerDie=new GMarker(point);
var infoTabsDie=[
new GInfoWindowTab("基本情况", "叠溪地震：1933年8月25日15时50分30秒，四川茂县叠溪镇（北纬32.0度，东经103.7度）发生震级为7.5级的大地震。此次地震震中烈度10度，叠溪镇被摧毁。震前该地异象迭出：犬哭羊嘶，蛇出鼠惊，乌鸦惨啼，母鸡司晨。地震发生时，地吐黄雾，城郭无存，有一个牧童竟然飞越了两重山岭。巨大山崩使岷江断流，壅坝成湖。1933年10月9日19时，地震湖崩溃，洪水倾湖溃出，霹雳震山，尘雾障天，造成下游严重水灾，仅灌县境内捞获的尸体就有4000多具。叠溪地震和地震引发的水灾，共使2万多人死亡。
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerDie, "click", function() {
markerDie.openInfoWindowTabsHtml(infoTabsDie); });
//昌马地震
point=new GLatLng(39.7,97.0);
markerChang=new GMarker(point);
var infoTabsChang=[
new GInfoWindowTab("基本情况", "昌马地震：1932年12月25日10时4分27秒，甘肃昌马堡（北纬39.7度，东经97.0度）发生震级为7.6级的大地震。此次地震，震中烈度10度，死亡7万人。地震发生时，有黄风白光在黄土墙头扑来扑去；山岩乱蹦冒出灰尘，中国著名古迹嘉峪关城楼被震坍一角；疏勒河南岸雪峰崩塌；千佛洞落石滚滚，余震频频，持续竟达半年。
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerChang, "click", function() {
markerChang.openInfoWindowTabsHtml(infoTabsChang); });
//古浪地震
point=new GLatLng(37.6,102.6);
markerGu=new GMarker(point);
var infoTabsGu=[
new GInfoWindowTab("基本情况", "古浪地震：1927年5月23日6时32分47秒，甘肃古浪（北纬37.6度，东经102.6度）发生震级为8级的强烈地震。这次地震，震中烈度11度，震源深度12公里，死亡4万余人。地震发生时，土地开裂，冒出发绿的黑水，硫磺毒气横溢，熏死饥民无数。古浪县城夷为平地。甘肃某天主教堂，一修女怀抱四名孤儿埋于屋瓦中，蒲登波罗克大主教称之世界末日将要来临！
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerGu, "click", function() {
markerGu.openInfoWindowTabsHtml(infoTabsGu); });
//海原地震
point=new GLatLng(36.5,105.7);
markerHai=new GMarker(point);
var infoTabsHai=[
new GInfoWindowTab("基本情况", "海原地震：1920年12月16日20时5分53秒，宁夏海原县（北纬36.5度，东经105.7度）发生震级为8.5级的强烈地震。这次地震，震中烈度12度，震源深度17公里，死亡24万人，毁城四座，数十座县城遭受破坏。它是中国历史上一次波及范围最广的地震，宁夏、青海、甘肃、陕西、山西、内蒙古、河南、河北、北京、天津、山东、四川、湖北、安徽、江苏、上海、福建等17地有感，有感面积达251万平方公里。造成了中国历史上最大的地震滑坡。地震发生时山崩土走，有住室随山移出二三里。有的一间窑洞压死100多人；有的村庄300多口人在山崩时同葬一穴。死者陈尸百里，伤者遍地哀嚎，野狗群出吃人，灾民情景惨不忍睹。
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerHai, "click", function() {
markerHai.openInfoWindowTabsHtml(infoTabsHai); });
//沙湾西地震
point=new GLatLng(43.5,85.0);
markerSha=new GMarker(point);
var infoTabsSha=[
new GInfoWindowTab("基本情况", "沙湾西地震：1906年12月23日（清光绪三十二年十一月初八）新疆沙湾西（43.5°N,85.0°E）M7.7（震中烈度Ⅹ)，计县属博罗通古地方，震倒民房520间，压毙男女105名，灾民254名，震塌渠岸10余里。又石厂子地方，震倒民房680间，压毙男女67名，灾民344名。又庄浪庙地方，震倒民房342间，压毙男女46名，灾民240名，震塌渠岸30余里。又牛圈子地方，震倒民房378间，压毙男女26名，灾民219名。又附近数里之大塘地方，震倒民房108间，压毙男女41名，灾民46名。被灾各户，或全家覆毙，或仅存老幼，即残喘幸延，亦压覆数时，受伤甚重。（甘肃新疆巡抚联魁奏片光绪三十三年二月二十二日）
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerSha, "click", function() {
markerSha.openInfoWindowTabsHtml(infoTabsSha); });
//奇林湖地震
point=new GLatLng(32.0,89.0);
markerQi=new GMarker(point);
var infoTabsQi=[
new GInfoWindowTab("基本情况", "奇林湖地震：1908年8月20日西藏奇林湖（32.0°N,89.0°E）发生7级以上地震，（震中烈度无考)，相关数据无考。
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerQi, "click", function() {
markerQi.openInfoWindowTabsHtml(infoTabsQi); });
//道孚地震
point=new GLatLng(31.0,101.1);
markerDao=new GMarker(point);
var infoTabsDao=[
new GInfoWindowTab("基本情况", "道孚地震：1904年8月30日（清光绪三十年七月二十日）四川道孚（31.0°N,101.1°E）发生7级以上地震（震中烈度Ⅸ)，七月二十日、三十日、八月初二日三次地震成灾，坍塌居民房屋多间。该处灵雀寺殿宇，并衙寨道坞均多震塌，计压毙汉、番居民、寺内喇嘛共四百多人。（四川总督锡良奏片光绪三十年九月二十八日）
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerDao, "click", function() {
markerDao.openInfoWindowTabsHtml(infoTabsDao); });
//阿图什地震
point=new GLatLng(39.9,76.2);
markerA=new GMarker(point);
var infoTabsA=[
new GInfoWindowTab("基本情况", "阿图什地震：1902年8月22日（清光绪二十八年七月十九日）新疆阿图什北（39.9°N,76.2°E）发生8.2级地震，（震中烈度＞Ⅹ)：八月二十二号，即华历七月十九日，新疆喀什噶尔地震甚厉，民屋塌倒，城镇毁伤，灾区甚广，人民之被压死者约千余名，附近亚士颠村压毙四百人，吕宜林死二十人。（《汇报》光绪二十八年壬寅十月三十日）
"),
new GInfoWindowTab("相关消息", "")
];
GEvent.addListener(markerA, "click", function() {
markerA.openInfoWindowTabsHtml(infoTabsA); });
var boundaries = new GLatLngBounds(new GLatLng(41.9,127.5), new GLatLng(46,133.7));
oldmapI2 = new GGroundOverlay("ditu/images/I2.png", boundaries);
var boundaries1=new GLatLngBounds(new GLatLng(22.9,115.4),new GLatLng(27.7,120.6));
oldmapIV=new GGroundOverlay("ditu/images/IV.png",boundaries1);
boundaries=new GLatLngBounds(new GLatLng(44.8,88.2), new GLatLng(48.5,91.5));
oldmapVI1=new GGroundOverlay("ditu/images/VI1.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(38.6,79.1), new GLatLng(50.5,97));
oldmapVI2=new GGroundOverlay("ditu/images/VI2.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(38.9,73.5), new GLatLng(42.8,86));
oldmapVI3=new GGroundOverlay("ditu/images/VI3.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(35.37,74.65), new GLatLng(40.4,91.7));
oldmapVI4=new GGroundOverlay("ditu/images/VI4.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(30.8,116.6),new GLatLng(42.25,123.7));
oldmapIII1=new GGroundOverlay("ditu/images/III1.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(39,113.6),new GLatLng(40.7,120.75));
oldmapIII4=new GGroundOverlay("ditu/images/III4.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(33.4,108.9),new GLatLng(41.2,120));
oldmapIII32=new GGroundOverlay("ditu/images/III3-2.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(34,107),new GLatLng(35.2,112));
oldmapIII5=new GGroundOverlay("ditu/images/III5.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(33.9,102.2),new GLatLng(40.5,107.4));
oldmapV123=new GGroundOverlay("ditu/images/V123.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(36.75,93.9),new GLatLng(40.75,103.7));
oldmapVI5=new GGroundOverlay("ditu/images/VI5.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(27,98.6),new GLatLng(34,105.1));
oldmapVII2V45=new GGroundOverlay("ditu/images/VII2V45.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(23.6,99.4),new GLatLng(29.8,103.8));
oldmapVIII1V6=new GGroundOverlay("ditu/images/VIII1-V6.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(21.05,97.5),new GLatLng(26.25,101.9));
oldmapVIII2=new GGroundOverlay("ditu/images/VIII2.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(30.3,79.5),new GLatLng(35.2,92.3));
oldmapVII1=new GGroundOverlay("ditu/images/VII1.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(26.8,78.3),new GLatLng(33,97.8));
oldmapII=new GGroundOverlay("ditu/images/II.png",boundaries);
boundaries=new GLatLngBounds(new GLatLng(21.95,120.05),new GLatLng(25.3,121.95));
oldmapI1=new GGroundOverlay("ditu/images/I1.png",boundaries);
}