Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用JS创建点地图_Javascript_Graphics_Maps_2d_Dotspatial - Fatal编程技术网

Javascript 如何使用JS创建点地图

Javascript 如何使用JS创建点地图,javascript,graphics,maps,2d,dotspatial,Javascript,Graphics,Maps,2d,Dotspatial,如何创建高密度点贴图?我已经修改了一些基本算法,可以在矩形周围散布点,如下所示: var createOrangeDots = function () { for (var i = 0; i <=orangeNum; i++) { context.beginPath(); var rand_x = Math.random(i) * horz_max; var rand_y = Math.random(i) * vertical_max; conte

如何创建高密度点贴图?我已经修改了一些基本算法,可以在矩形周围散布点,如下所示:

 var createOrangeDots = function () {  
  for (var i = 0; i <=orangeNum; i++) {
    context.beginPath();
    var rand_x = Math.random(i) * horz_max;
    var rand_y = Math.random(i) * vertical_max;
    context.arc(rand_x, rand_y, radius, 1, 2*Math.PI);
    context.fillStyle ="orange";
    context.fill();
    context.closePath();
    }
  }
var createOrangeDots=function(){
对于(var i=0;i
var createOrangeDotsCircle = function () {
  for (var i = 0; i <= orangeCircleNum; i++) {
    context.beginPath();
    const dist = (Math.random() ** centripetal) * distFromCenter;
    const angle = Math.random() * Math.PI * 2;
    var rand_x = dist * Math.cos(angle) + centerOrange.x;
    var rand_y = dist * Math.sin(angle) + centerOrange.y;
    context.arc(rand_x, rand_y, radius, 1, 2 * Math.PI);
    context.fillStyle ="orange";
    context.fill();
    context.closePath();
  }  
}
createOrangeDotsCircle();