[WAS Map] Added JS from this fork https://github.com/kcaran/us-map to enable labels on all states. Made a minor tweak to show popup with QSOs from clicked state. Tooltip is available, but disabled right now.
这个提交包含在：
Andreas
父节点
8d15346d9b
当前提交
658641e51b
共有 3 个文件被更改，包括 99 次插入 和 30 次删除
|
|
@ -346,12 +346,14 @@ class Logbook_model extends CI_Model {
|
||||||
$this->db->where('station_id', $station_id);
|
$this->db->where('station_id', $station_id);
|
||||||
$this->db->where('COL_STATE', $state);
|
$this->db->where('COL_STATE', $state);
|
||||||
$this->db->where_in('COL_DXCC', ['291', '6', '110']);
|
$this->db->where_in('COL_DXCC', ['291', '6', '110']);
|
||||||
|
if($band != 'All') {
|
||||||
if($band != "SAT") {
|
if($band != "SAT") {
|
||||||
$this->db->where('COL_PROP_MODE !=', 'SAT');
|
$this->db->where('COL_PROP_MODE !=', 'SAT');
|
||||||
$this->db->where('COL_BAND', $band);
|
$this->db->where('COL_BAND', $band);
|
||||||
} else {
|
} else {
|
||||||
$this->db->where('COL_PROP_MODE', "SAT");
|
$this->db->where('COL_PROP_MODE', "SAT");
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return $this->db->get($this->config->item('table_name'));
|
return $this->db->get($this->config->item('table_name'));
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,12 +17,12 @@
|
||||||
<script src="<?php echo base_url(); ?>assets/js/raphael.js"></script>
|
<script src="<?php echo base_url(); ?>assets/js/raphael.js"></script>
|
||||||
<script src="<?php echo base_url(); ?>assets/js/jquery-3.3.1.min.js"></script>
|
<script src="<?php echo base_url(); ?>assets/js/jquery-3.3.1.min.js"></script>
|
||||||
<script src="<?php echo base_url(); ?>assets/js/color.jquery.js"></script>
|
<script src="<?php echo base_url(); ?>assets/js/color.jquery.js"></script>
|
||||||
<script src="<?php echo base_url(); ?>assets/js/jquery.usmap.js"></script>
|
<script src="<?php echo base_url(); ?>assets/js/jquery.usmap.min.js"></script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
$('#map').usmap({
|
$('#map').usmap({
|
||||||
showLabels: false,
|
showLabels: true,
|
||||||
'stateStyles': {
|
'stateStyles': {
|
||||||
fill: '#4ECDC4',
|
fill: '#4ECDC4',
|
||||||
"stroke-width": 1,
|
"stroke-width": 1,
|
||||||
|
|
@ -54,23 +54,88 @@
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
},
|
},
|
||||||
'stateSpecificHoverStyles': {
|
// Show tooltip when hovering over state
|
||||||
'HI' : {fill: '#ff0'}
|
mouseover: function(event, data) {
|
||||||
},
|
let nameList = {
|
||||||
|
"AL":"Alabama",
|
||||||
'mouseoverState': {
|
"AK":"Alaska",
|
||||||
'HI' : function(event, data) {
|
"AZ":"Arizona",
|
||||||
//return false;
|
"AR":"Arkansas",
|
||||||
|
"CA":"California",
|
||||||
|
"CO":"Colorado",
|
||||||
|
"CT":"Connecticut",
|
||||||
|
"DE":"Delaware",
|
||||||
|
"DC":"District Of Columbia",
|
||||||
|
"FL":"Florida",
|
||||||
|
"GA":"Georgia",
|
||||||
|
"HI":"Hawaii",
|
||||||
|
"ID":"Idaho",
|
||||||
|
"IL":"Illinois",
|
||||||
|
"IN":"Indiana",
|
||||||
|
"IA":"Iowa",
|
||||||
|
"KS":"Kansas",
|
||||||
|
"KY":"Kentucky",
|
||||||
|
"LA":"Louisiana",
|
||||||
|
"ME":"Maine",
|
||||||
|
"MD":"Maryland",
|
||||||
|
"MA":"Massachusetts",
|
||||||
|
"MI":"Michigan",
|
||||||
|
"MN":"Minnesota",
|
||||||
|
"MS":"Mississippi",
|
||||||
|
"MO":"Missouri",
|
||||||
|
"MT":"Montana",
|
||||||
|
"NE":"Nebraska",
|
||||||
|
"NV":"Nevada",
|
||||||
|
"NH":"New Hampshire",
|
||||||
|
"NJ":"New Jersey",
|
||||||
|
"NM":"New Mexico",
|
||||||
|
"NY":"New York",
|
||||||
|
"NC":"North Carolina",
|
||||||
|
"ND":"North Dakota",
|
||||||
|
"OH":"Ohio",
|
||||||
|
"OK":"Oklahoma",
|
||||||
|
"OR":"Oregon",
|
||||||
|
"PA":"Pennsylvania",
|
||||||
|
"RI":"Rhode Island",
|
||||||
|
"SC":"South Carolina",
|
||||||
|
"SD":"South Dakota",
|
||||||
|
"TN":"Tennessee",
|
||||||
|
"TX":"Texas",
|
||||||
|
"UT":"Utah",
|
||||||
|
"VT":"Vermont",
|
||||||
|
"VA":"Virginia",
|
||||||
|
"WA":"Washington",
|
||||||
|
"WV":"West Virginia",
|
||||||
|
"WI":"Wisconsin",
|
||||||
|
"WY":"Wyoming"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$('#tooltip').text(nameList[data.name]).show();
|
||||||
|
$('#map').mousemove(function(e){
|
||||||
|
var mouseX = e.pageX - 350;
|
||||||
|
var mouseY = e.pageY - 90;
|
||||||
|
$('#tooltip').css({
|
||||||
|
top:mouseY,
|
||||||
|
left:mouseX,
|
||||||
|
'position': 'absolute',
|
||||||
|
'border':'1px solid black',
|
||||||
|
'background': '#fff',
|
||||||
|
'color': '#000',
|
||||||
|
'font-size': '1.5 em',
|
||||||
|
'padding': '5px',
|
||||||
|
'opacity': '1',
|
||||||
|
'border-radius': '2px'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// Hide tooltip when not hovering over state
|
||||||
|
mouseout: function(event, data){
|
||||||
|
$('#tooltip').hide();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
'click' : function(event, data) {
|
'click' : function(event, data) {
|
||||||
$('#alert')
|
displayWasContacts(data.name,$('#band2').val());
|
||||||
.text('Click '+data.name+' on map 1')
|
|
||||||
.stop()
|
|
||||||
.css('backgroundColor', '#ff0')
|
|
||||||
.animate({backgroundColor: '#ddd'}, 1000);
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -79,6 +144,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="map" style="width: 930px; height: 630px;"></div>
|
<div id="map" style="width: 930px; height: 630px;"></div>
|
||||||
|
<div id="tooltip2"></div>
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>Red - Not Worked</li>
|
<li>Red - Not Worked</li>
|
||||||
|
|
|
||||||
1
assets/js/jquery.usmap.min.js
vendored
普通文件
1
assets/js/jquery.usmap.min.js
vendored
普通文件
文件差异因一行或多行过长而隐藏
正在加载…
在新工单中引用