我创建了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中,与上面显示的相同.)
好的,我的模板名为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}},但这只是错误,因为我没有第一个也没有最后一个设置......任何线索?多谢你们
所以我用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);}); 它移动节点,但当然不会动画它
谢谢!
所以我有一个日期选择器,我想回到最大日期.我有这样的事情
$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +15D" });
如何获取以MM/DD/YYYY格式化的maxDate值?
谢谢你的帮助
好的,我正在玩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,这是我所拥有但不确定这是否正确.任何帮助深表感谢.
所以我基本上有一个带有样式属性的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 ...
我正在使用带有angularjs的量角器来创建我的e2e测试.我有很多文件,我的specs数组很大,我想在所有文件中共享一个共同的功能.有没有办法创建一个全局的beforeEach,我可以注入我的函数?exports.config对象是否暴露了某些内容,以便我可以在所有文件中使用公共变量?目前我正在躲避"浏览器"变量,但这可能是危险的.任何帮助深表感谢.谢谢
所以我现在正在使用我非常喜欢的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)我在哪里可以找到有关如何执行此操作的文档的任何好主意?
谢谢!
所以我今天读到关于babylonJS的事情,我被它吹走了.我正在试图弄清楚如何将整个3D场景加载到巴比伦.我已经设法导出了一个蜘蛛侠的三维模型并拥有.babylon文件,但那么呢?在文档中,它只指出
"从3D资源导入场景
Babylon.js可以从名为.babylon的文件格式加载场景.这种文件格式基于JSON,包含创建完整场景所需的所有数据."
关于如何实现这一点的任何想法?谢谢
我试图切片矩阵,以便我最终得到阵列.因此,给定以下矩阵[[1,2],[3,4],[102,5]]有一种方法可以对它进行切片,以便最终得到[1,3,102]和[2,4,5] ?
也许它不是一片而是别的什么?谢谢
好的我有这段代码:
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)
但这并没有改变是为了做错......任何线索?
我刚用yeoman创建了一个新的AngularJS应用程序.我注意到在创建的package.json文件中,大多数devDependencies都是过时的候选版本.例如"grunt-contrib-copy": "0.4.0rc7",而不是"grunt-contrib-copy": "~0.4.1".有没有办法让这些包成为最新版本?或者我手动必须说明要使用的版本?
谢谢
好的,你可以看到我的问题,我是python的新手.我正在构建一个python脚本,基本上我希望它执行这一行
/Library/Frameworks/GDAL.framework/Programs/ogr2ogr -f "GeoJSON" output.json input.shp
我如何让python执行此操作,就好像我在终端中键入它一样?
谢谢