我只是能用我的sql语句制作一个漂亮的地图: http://webpages.avans.nl/acue-gast01/database/index.html
然而,'图像'或者输出的尺寸是大的。
我想知道,我如何能够集中和缩放"图像"在不丢失点(这是至关重要的)和各自的位置的情况下?我尝试将身体设置为一个大小(我将脚本修改为身体),但它没有用。
这是我的JQuery:
$.getJSON("index.php", function(data) {
//laat data in console zien
console.log(data);
$.each(data, function(key, val) {
//laat data per item console zien
console.log(key + " - " + "Lengtegraad" + ": " + val.Airport_LONG + " | " + "Breedtegraad" + ": " + val.Airport_LAT);
var number;
function repeat() {
number = Math.floor((Math.random()*1)+9);
setTimetout(repeat, 1000);
}
$("<div>").html("")
.css('right', -val.Airport_LONG*10 + "px")
.css('bottom', val.Airport_LAT*10 + "px")
.appendTo("body");
});
和我的CSS:
@charset "utf-8";
/* CSS Document */
body {
height: 800px;
width: 600px;
margin: auto;
padding: 0;
background-color: rgb(0,0,0);
}
div {
height: 1px;
width: 1px;
position: absolute;
background-color:#FFF;
}
有关如何执行此操作的任何提示?