小编cli*_*oid的帖子

d3js缩放,转换和翻译

我创建了nycMap,一个使用angularJS(MVC),yeoman(构建),d3(映射)和geoJSON(地理数据)的项目.

一切都很好,但我确实需要花一些时间来获得正确的比例和翻译.我想知道如何自动确定地图将以何种比例显示最佳状态以及x和y值在翻译中的含义?

'use strict';

japanAndCo2App.controller('MainCtrl', function($scope) {

 function makeJapanAll(){
    var path, vis, xy;

    xy = d3.geo.mercator().scale(16000).translate([-5600,2200]);
    path = d3.geo.path().projection(xy);
    vis = d3.select("#japanAll").append("svg:svg").attr("width", 1024).attr("height", 700);
    d3.json("data/JPN_geo4.json", function(json) {
      return vis.append("svg:g")
          .attr("class", "tracts")
          .selectAll("path")
          .data(json.features).enter()
          .append("svg:path")
          .attr("d", path)
          .attr("fill",function(d,i){ return d.properties.color || "transparent"});
    });
  }
  makeJapanAll();
});
Run Code Online (Sandbox Code Playgroud)

(如果你对代码感兴趣,那就全部在github上.地图的代码在scripts/controllers/main.js中,与上面显示的相同.)

d3.js

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

在流星中动态插入模板

好的,我的模板名为myApp.html.我的模板代码如下

<template name="initialInsertion">
  <div class="greeting">Hello there, {{first}} {{last}}!</div>
</template>
Run Code Online (Sandbox Code Playgroud)

现在,我想在单击按钮时将此模板插入DOM.我已经在DOM中呈现了我的按钮,我有一个与之关联的点击事件,如下所示

Template.chooseWhatToDo.events = {
  'click .zaButton':function(){
     Meteor.ui.render(function () {
       $("body").append(Template.initialInsertion({first: "Alyssa", last: "Hacker"}));
     })
  }
}
Run Code Online (Sandbox Code Playgroud)

现在显然$("body").append part是错误的,但返回Template.initialInsertion ...不会将该模板插入DOM.我尝试过放置一个partia {{> initialInsertion}},但这只是错误,因为我没有第一个也没有最后一个设置......任何线索?多谢你们

meteor

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

jquery特定属性的动画

所以我用gRaphael创建了一些图表.这是创建一个很酷的条形图线,其中包含一些点.这些点具有......节点,其中x = 10 y = 20作为其属性.例

rect x ="135.8"y ="115.8"width ="8.399999999999999"height ="8.399999999999999"r ="0"rx ="0"ry ="0"fill ="#ff0000"stroke ="none"

如果可能的话,我想用jquery为这个人制作动画.如果我这样做的话

$("rect").click(function({
 $(this).animate({
   'x':30
 });
});

为了给x coordenate制作动画,我觉得它不起作用的原因很明显?呵呵.此外,我已经尝试将属性x设置为变量并尝试设置动画,而不是任何动画.任何人都可以用gRaphael帮助我制作动画和svg吗?

这例如有效

$("rect").live('click',function(){  $(this).attr('x',100);});
它移动节点,但当然不会动画它

谢谢!

jquery animation svg graphael

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

datepicker最大日期

所以我有一个日期选择器,我想回到最大日期.我有这样的事情

$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +15D" });

如何获取以MM/DD/YYYY格式化的maxDate值?

谢谢你的帮助

jquery date datepicker

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

用meteorJS中的服务数据填充mongodb

好的,我正在玩meteorJS,我正在使用雅虎金融服务,使用jquery以json格式获取一些数据.收到数据后,我想将其存储到我的mongo DB中.我为此目的的代码如下

Stocks = new Meteor.Collection("stocks");
$.ajax({
  type:'GET',
  url:'http://query.yahooapis.com/v1/public/yql?q=select*from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22GOOG%22)&env=store://datatables.org/alltableswithkeys&format=json',
  success:function(data){
    if (Meteor.is_server) {
          Meteor.startup(function () {
            if (Stocks.find().count() === 0) {
                Stocks.insert(data);
            }
          });
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

现在,你可以看到我不知道我在做什么是正确的.我知道你可以插入带有json结构的mongo db,这是我所拥有但不确定这是否正确.任何帮助深表感谢.

jquery mongodb meteor

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

angularjs评估范围内的样式ie9不工作

所以我基本上有一个带有样式属性的div块,其中我留下了:{{left}} px; 右:{{右}}像素.
$ scope.left和$ scope.right得到更新,但这不会移动我的项目.
这是一个小提琴

http://jsfiddle.net/climboid/5XqG7/4/

任何帮助非常感谢

<div ng-app ng-controller="Controller" class="container">
  <button class="moveTo" ng-click="findPosClick()"> move to here</button>
  <div class="block" style="left:{{left}}px; top:{{top}}px;"></div>
  <div class="posTxt">left:{{left}}</div>
  <div class="posTxt2">top:{{top}}</div>
</div>

function Controller($scope) {
  $scope.findPosClick = function(){
    var location = event.target ? event.target : event.srcElement;
    var pos = $(location).position();
    $scope.left = pos.left;
    $scope.top = pos.top;
  }

}
Run Code Online (Sandbox Code Playgroud)

此外,当我查看ie9控制台时,我没有看到样式属性应用于div ...

css internet-explorer-9 angularjs

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

量角器angularJS全局变量

我正在使用带有angularjs的量角器来创建我的e2e测试.我有很多文件,我的specs数组很大,我想在所有文件中共享一个共同的功能.有没有办法创建一个全局的beforeEach,我可以注入我的函数?exports.config对象是否暴露了某些内容,以便我可以在所有文件中使用公共变量?目前我正在躲避"浏览器"变量,但这可能是危险的.任何帮助深表感谢.谢谢

angularjs protractor

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

自耕农建造过程

所以我现在正在使用我非常喜欢的Yeoman.我有一个任务要抓住我的角度应用程序并使其无服务器.基本上这意味着抓取所有模板并将它们插入到index.html文件中

<script type="text/ng-template" id="dir to template"> ..template html goes here </script>
Run Code Online (Sandbox Code Playgroud)

现在,yeoman有自己的grunt文件,我完全是Grunt的新手,所以我想知道是否
a)这应该是由grunt处理的任务?
b)我应该调整现有的grunt文件还是创建一个新文件?
c)我在哪里可以找到有关如何执行此操作的文档的任何好主意?

谢谢!

gruntjs yeoman

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

将3d场景导入babylonJS

所以我今天读到关于babylonJS的事情,我被它吹走了.我正在试图弄清楚如何将整个3D场景加载到巴比伦.我已经设法导出了一个蜘蛛侠的三维模型并拥有.babylon文件,但那么呢?在文档中,它只指出
"从3D资源导入场景
Babylon.js可以从名为.babylon的文件格式加载场景.这种文件格式基于JSON,包含创建完整场景所需的所有数据."

关于如何实现这一点的任何想法?谢谢

3d blender

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

在javascript中将矩阵切成2个数组

我试图切片矩阵,以便我最终得到阵列.因此,给定以下矩阵[[1,2],[3,4],[102,5]]有一种方法可以对它进行切片,以便最终得到[1,3,102]和[2,4,5] ?
也许它不是一片而是别的什么?谢谢

javascript

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

使用jquery迭代javascript对象中的值

好的我有这段代码:

var el = {a:"b","isSel":true};
$.each(el,function(k,v){
  if(k=="isSel"){
    v=false
  }
})
console.log(el);
Run Code Online (Sandbox Code Playgroud)

但这并没有改变是为了做错......任何线索?

javascript jquery

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

更新yeoman package.json文件

我刚用yeoman创建了一个新的AngularJS应用程序.我注意到在创建的package.json文件中,大多数devDependencies都是过时的候选版本.例如"grunt-contrib-copy": "0.4.0rc7",而不是"grunt-contrib-copy": "~0.4.1".有没有办法让这些包成为最新版本?或者我手动必须说明要使用的版本?

谢谢

angularjs gruntjs yeoman

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

在python中启动一些东西

好的,你可以看到我的问题,我是python的新手.我正在构建一个python脚本,基本上我希望它执行这一行


/Library/Frameworks/GDAL.framework/Programs/ogr2ogr -f "GeoJSON" output.json input.shp

我如何让python执行此操作,就好像我在终端中键入它一样?
谢谢

python

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