草庐IT

mappings调整

全部标签

javascript - 将州名添加到 d3.js 中的 map

我正在使用albersUSA投影来显示map。我想为每个州添加州名。这是我尝试过的,我可以在源代码中看到状态的名称,但我没有看到它们被渲染。我做错了什么?varwidth=1060,height=600,varsvg=d3.select("body").append("svg").attr("width",width).attr("height",height);svg.append("rect").attr("class","background").attr("width",width).attr("height",height).on("click",click).on("mou

javascript - map.setCenter() 函数无法正常工作

这是代码...vargeocoder;varmap;functioninitialize(){geocoder=newgoogle.maps.Geocoder();varaddress="newdelhi";geocoder.geocode({'address':address},function(results,status){if(status==google.maps.GeocoderStatus.OK){varlatitude=results[0].geometry.location.lat();varlongitude=results[0].geometry.location

javascript - 如何使用google map api显示替代路线

我正在使用谷歌地图,但我在某一点上有点卡住了。我想为我的起点和终点显示备选路线。目前我正在使用运行良好并显示正确结果的代码,但唯一的问题是此代码仅显示我的起始路径和目标路径的单一路线。这是我的JSFIDDLEWORKINGDEMO这是我在jsfiddle演示链接中使用的示例代码:HTML代码:CalculateyourrouteFrom:GetmypositionTo:GetmypositionJS代码:functioncalculateRoute(from,to){//CenterinitializedtoNaples,ItalyvarmyOptions={zoom:10,cente

javascript - Jquery UI resizable - 调整放置在 iframe 上的 div 的大小

如果你查看这个jsbin:http://jsbin.com/efosed/5/edit然后按“使用JS运行”,将出现一个可以使用jqueryui调整大小的div。一切都按预期工作。div放置在“全屏”iframe上。在链接示例中,此iframe具有:display:none。如果我将其修改为display:block,然后重新运行脚本,reziable插件将出现一些奇怪的行为。您可以在这里尝试:http://jsbin.com/efosed/6/edit.它不会正确处理鼠标事件。可能是什么原因,我该如何解决? 最佳答案 您必须实现自

javascript - 使用具有可调整大小和可排序元素的 flexbox 进行砖石布局的选项有哪些

在我的Angular应用程序中,我使用ui-sortable对进行排序.元素本身是可以调整大小的。这类似于我的设置:我希望“4”和“5”使用它们顶部的空间:这是一个fiddle.请注意,这是一个过于简化的示例,元素实际上可以由用户调整大小和排序。像masonry这样的库不会这样做,因为它们使用绝对定位的元素,这将取消ui-sortable的工作方式,调整大小也不会插入元素的。那么我该如何实现呢?我是否理解正确,这对于仅使用css的解决方案是不可能的?该flexbox将获取最高元素的高度并将该高度放入“行”。有没有不依赖position:abolute的js解决方案,或者更确切地说,它仍

javascript - 通过拖动边缘调整饼图切片大小

我正在尝试调整Raphaël网站上不断增长的馅饼演示以满足我自己的需要。http://raphaeljs.com/growing-pie.html该演示几乎是完美的,但我希望用户能够拖动切片的边缘来调整它们的大小,而不是单击它们。这不仅更直观,而且还允许精确调整大小,而不是演示中的分步方法。我该怎么做?提前致谢。 最佳答案 尝试从不同的UIAngular来处理您的解决方案。用户是否必须操纵PI?或者,PI能否代表用户的响应?向用户询问百分比或其他一些值......然后以交互方式绘制UI。这将消除为(基本上)鼠标移动的每个像素触发的每

javascript - Google Map KML 图层地标点击事件返回 ZERO_RESULTS

将监听器附加到KML图层:varlayer=newgoogle.maps.KmlLayer('http://sites.google.com/site/kmlprototypes/kmls/temp.kml?dc_='+Math.random(),{suppressInfoWindows:true,preserveViewport:true});layer.setMap(map);google.maps.event.addListener(layer,'click',function(obj){alert(obj.featureData.id);});KML文件有效(通过验证api检查

javascript - 如何动态调整 bootstrap-wysihtml5 的大小

我们正在使用bootstrap-wysihtml5来允许用户输入注释。我需要允许用户在需要输入大量内容时扩展编辑区域,最好为他们提供全屏选项。(TinyMCE内置)我找不到该选项,也不知道如何或在何处对其进行编码。感谢您的帮助。 最佳答案 越过thedocs我找不到任何通用的调整大小选项。你可以试试jQueryUIresize.还有thissmallerscript稍作调整即可解决您的问题。 关于javascript-如何动态调整bootstrap-wysihtml5的大小,我们在Sta

javascript - 无法使用 jquery clone 克隆 map 的图像图 block

在OpenStreetmap和paperfoldCSSanimation上工作.我在里面放了一张map但是它不能显示完整的map。我不知道确切原因,但我猜是在js库中无法克隆map的瓦片。createFold:function(j,topHeight,bottomHeight){varoffsetTop=-j*topHeight;varoffsetBottom=-this.height+j*topHeight+this.foldHeight;return$('').addClass('fold').append($('').addClass('top').css('height',to

javascript - gridster 根据内容自动调整高度和宽度

我正在使用Gridster的“add_widget”方法添加网格。小部件已成功添加,但无序列表(ul)宽度小于其内容。谁能告诉我如何根据内容在Gridster中调整高度和宽度。 最佳答案 几年前我做过的一件事是通过javascript重新创建样式,然后用新样式替换旧样式。您还需要设置{autogenerate_stylesheet_opt:false}。希望这对您有所帮助!引用:http://gridster.net/#autogenerate_stylesheet_opt 关于java