小编jot*_*mon的帖子

Google Maps API - 默认光标类型

我正在使用Javascript V3 API动态更改Google Map上的光标类型.

map.setOptions({draggableCursor:'crosshair'});
Run Code Online (Sandbox Code Playgroud)

这很容易,但我无法弄清楚如何更改回默认的可拖动手形光标.

有关如何引用默认光标类型的任何建议.我试过默认,自动和手无济于事.下面是我改变它之前的手的样子.

在此输入图像描述

javascript google-maps-api-3

16
推荐指数
3
解决办法
3万
查看次数

使用哈希值数组的AWS DynamoDB Scan和FilterExpression

我很难找到一个在DynamoDB表上使用FilterExpression进行扫描的有用示例.我在浏览器中使用javascript SDK.

我想扫描我的表并返回那些在传递给Scan的数组中具有HASH字段"UID"值的记录

让我说我有一个唯一的ID数组,我的表的哈希字段我想从我的DynamoDB表中查询这些记录.

像下面的东西

var idsToSearch=['123','456','789'] //array of the HASH values I would like to retrieve
var tableToSearch = new AWS.DynamoDB();
var scanParams = {
  "TableName":"myAwsTable",  
  "AttributesToGet":['ID','COMMENTS','DATE'],  
  "FilterExpression":"'ID' in "+idsToSearch+"" 

}
tableToSearch.scan(scanParams), function(err,data){
    if (err) console.log(err, err.stack); //error handler
    else console.log(data); //success response
})
Run Code Online (Sandbox Code Playgroud)

javascript amazon-web-services amazon-dynamodb

14
推荐指数
3
解决办法
2万
查看次数

d3来自本地json变量的饼图

我正在尝试使用json从局部变量(而不是外部文件)创建一个圆环图我已经看过这篇文章,但我很难以相同的方式调整我的代码

在上面的例子中

d3.json("flare.json", function(error, root) {
Run Code Online (Sandbox Code Playgroud)

被替换为

root = JSON.parse( myjson );
Run Code Online (Sandbox Code Playgroud)

这不能解决我的问题

查看下面的小提示,我的数据加载为名为myJson的变量.如何将这些数据用于甜甜圈?

小提琴

json d3.js

8
推荐指数
1
解决办法
2万
查看次数

如何检测 GroundOverlay 的加载进度

我正在将 10 个 GroundOverlays 加载到 GoogleMap 上,并希望显示与加载图像相关的进度。

var imageBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(42.80059,-115.253806),
new google.maps.LatLng(47.481725,-110.227471));

var layer1 = new google.maps.GroundOverlay("overlays/layer1.png",imageBounds);
layer1.setOpacity(.5);
layer1.setMap(map);
Run Code Online (Sandbox Code Playgroud)

如何检测每个叠加层的实际图像何时加载或加载百分比?我想添加一个进度条或其他东西来向用户显示叠加层正在加载,因为它可能需要 5 秒左右的时间。

javascript google-maps google-maps-api-3

5
推荐指数
2
解决办法
1296
查看次数

html2canvas保存为jpeg而无需在浏览器中打开

我正在尝试创建一个screengrab按钮,用于创建用户的图像document.body.

理想情况下,用户可以选择将图像本地保存为.jpeg.

我正在接近使用html2canvas库创建我需要的功能.

function screenGrabber() {
    html2canvas([document.body], {
    logging: true,
    useCORS: true,
    onrendered: function (canvas) {            

        img = canvas.toDataURL("image/jpg");

        console.log(img.length);
        console.log(img);

        window.location.href=img; // it will save locally
    }
});

}
Run Code Online (Sandbox Code Playgroud)

为了验证这是否有效,我一直img在新的浏览器窗口中打开变量.图像没有完全渲染,我猜这是因为它的长度超过30,000个字符.

我怎样才能更好地为用户提供在onrendered事件发生后在本地保存画布的选项?

javascript jquery html5 html2canvas

5
推荐指数
1
解决办法
1万
查看次数

使用新的data.json更新d3饼图

我有一个动态数据源,经常在浏览器中创建一个新的json.

我能够使用下面的代码从这个json创建一个饼图(也在这个小提琴)

var data=[{"crimeType":"mip","totalCrimes":24},{"crimeType":"theft","totalCrimes":558},{"crimeType":"drugs","totalCrimes":81},{"crimeType":"arson","totalCrimes":3},{"crimeType":"assault","totalCrimes":80},{"crimeType":"burglary","totalCrimes":49},{"crimeType":"disorderlyConduct","totalCrimes":63},{"crimeType":"mischief","totalCrimes":189},{"crimeType":"dui","totalCrimes":107},{"crimeType":"resistingArrest","totalCrimes":11},{"crimeType":"sexCrimes","totalCrimes":24},{"crimeType":"other","totalCrimes":58}];


var width = 800,
height = 250,
radius = Math.min(width, height) / 2;

var color = d3.scale.ordinal()
.range(["#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#ff8c00"]);

var arc = d3.svg.arc()
.outerRadius(radius - 10)
.innerRadius(radius - 70);

var pie = d3.layout.pie()
.sort(null)
.value(function (d) {
return d.totalCrimes;
});



var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.append("g")
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

var g = svg.selectAll(".arc")
    .data(pie(data))
    .enter().append("g") …
Run Code Online (Sandbox Code Playgroud)

javascript json d3.js

4
推荐指数
1
解决办法
1万
查看次数

初始化后更改输入字段的占位符文本

我正在使用在地图上生成的输入字段。我想将输入字段的占位符文本从“搜索”更改为“搜索位置”。

输入字段没有类或 id,但其父字段有。我尝试使用下面的 jQuery 初始化后进行更改,但无济于事。

$('.leaflet-control-mapbox-geocoder-form input').attr("placeholder","Search for Location");
Run Code Online (Sandbox Code Playgroud)

下面是一个可见输入字段的小提琴。我很高兴继续使用 jQuery 或通过纯 JS。

http://jsfiddle.net/teraw600/

javascript jquery placeholder mapbox

3
推荐指数
1
解决办法
4433
查看次数

Postgresql - 对匹配键求和 JSON 行

我的数据库中有两列,一列是 uid (myuid),另一列是代表每个用户宠物总数的键值对 (totalpetsjson)。我想查询 uid,然后对键匹配的结果 JSON 行求和。

这个查询

SELECT totalpetsjson FROM mytable WHERE "myuid" IN ('john','andy') 
Run Code Online (Sandbox Code Playgroud)

结果分为两行

{'dogs':3,'cats':5,'fish':144}
{'dogs':2,'lizards':4,'cats':3'}
Run Code Online (Sandbox Code Playgroud)

我想要的结果是什么。我如何查询并组合上面两行,如下所示?

{'dogs':5,'cats':8,'fish':144,'lizards':4}
Run Code Online (Sandbox Code Playgroud)

postgresql json aggregate-functions

3
推荐指数
1
解决办法
1707
查看次数

D3更新零值的饼图数据

我正在使用动态JSON提要更新饼图.我的更新功能如下

function updateChart(data) {
arcs.data(pie(data)); // recompute angles, rebind data

arcs.transition()
    .ease("elastic")
    .duration(1250)
    .attrTween("d", arcTween)

sliceLabel.data(pie(data));

sliceLabel.transition()
    .ease("elastic").duration(1250)
    .attr("transform", function (d) {
    return "translate(" + arc2.centroid(d) + ")";
})
    .style("fill-opacity", function (d) {
    return d.value == 0 ? 1e-6 : 1;
});
}

function arcTween(a) {
var i = d3.interpolate(this._current, a);
this._current = i(0);
return function (t) {
    return arc(i(t));
};
Run Code Online (Sandbox Code Playgroud)

当JSON具有所有对象的0值时,弧和标签将消失.正是我想要发生的事情.

问题是当我在一个充满零的一个JSON之后传递一个新的JSON时,标签会返回并补间等,但弧线永远不会重绘.

有关更正我的更新功能的任何建议,以便在它们的d值被推到零后正确重绘弧线?

- 编辑 -

Lars在下面建议我使用.enter(),就像我创建图形时一样.我试过这样做,但结果没有改变.请参阅下面的新更新功能.

this.updatePie = function updateChart(data) {
arcs.data(pie(data))
    .enter()
    .append("svg:path")
        .attr("stroke", "white")
        .attr("stroke-width", 0.5) …
Run Code Online (Sandbox Code Playgroud)

d3.js

1
推荐指数
1
解决办法
2390
查看次数