|
|
|
ต้องการขยายแผนที่ โดยใช้ jQuery Vector Maps ให้พอดีกับพื้นที่ ทำยังไงครับ รบกวนสอนทีครับ |
|
|
|
|
|
|
|
พอดีต้องการให้แผนที่มันพอดีกับพื้นที่ทำไงครับ ตอนนี้มันค่อนข้างขนาดเล็กมากเลยครับ
Code (PHP)
<div id="vmap" style="width: 600px; height: 400px;"></div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#vmap').vectorMap({
map: 'thai_en',
backgroundColor: '#333333',
color: '#ffffff',
hoverOpacity: 0.7,
selectedColor: '#999999',
enableZoom: true,
showTooltip: true,
scaleColors: ['#C8EEFF', '#006491'],
onRegionOver: function (event, code, region) {
//sample to interact with map
if (code == 'TH-50') {
alert("You hover "+region);
event.preventDefault();
}
},
onRegionClick: function (element, code, region) {
//sample to interact with map
//var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
//alert(message);
if(code == 'TH-53') {
window.open('https://www.thaicreate.com','_blank');
}
}
});
});
</script>
Tag : PHP, HTML, CSS, HTML5, JavaScript
|
|
|
|
|
|
Date :
2021-10-05 13:20:39 |
By :
perterma |
View :
684 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใน document นะครับ ผมลอง set zoom ใน event click ก็ทำงานได้
VectorMap
|
|
|
|
|
Date :
2021-10-12 09:15:14 |
By :
mongkon.k |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|