缩放JavaScript输出而不会丢失属性或像素

时间:2015-01-03 11:35:19

标签: jquery css scale

我只是能用我的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;

}

有关如何执行此操作的任何提示?

0 个答案:

没有答案