我为这个模糊的标题道歉，我真的想不出一个完整的方法来总结它。建议非常受欢迎。
我正在做一个真正不需要谷歌地图的项目，它只会为这个项目增加额外的开销。但是，我不知道如何在没有谷歌地图的情况下做到这一点......到目前为止。
如果我将平面图的图形叠加放置到谷歌地图中，我可以使用浏览器位置来近似用户位置。为此，这是一个非常大的地方，因此存在一些准确性较差的空间。
现在我要做的是知道该叠加层的边界，将图像放入 div，然后根据浏览器的 lat/lng 计算用户在 div 中的位置。
我可以使用正方形的图像来接近，因为侧面的顶部是水平和垂直的，因为那是我的区域。但是因为世界上没有一个是这样运作的，所以我需要一个不是方形的区域来显示方形。我真的在数学上挣扎。
这是一个测试我的概念的链接，但没有考虑需要在地图上旋转的图像：http : //www.freeptools.com/mapster/singlerun/maptest.php
就像我说的，我确信这可以做到，但我还没有弄清楚它的数学原理。这让我疯狂。
这是我的代码，它正在发挥作用。一个函数获取浏览器坐标并将它们发送到初始化函数。然后基于我自己之前的映射，我得到了我试图映射的图像的边界。我正在使用半正弦公式来尝试获得用户点的高度和宽度（因为地图曲线，它在其他任何地方都不准确）位置，然后是与顶部和最左侧点的距离，然后取与左侧/顶部的距离并将其除以宽度/高度以获得它们与左侧/顶部的距离以定位点的百分比。这个想法，虽然我不能让它非常准确，但在这个例子中是有效的，因为图像在地图上水平排列。我的问题是当图像在地图上旋转时如何计算这些距离？我无法弄清楚那个数学。
function initialize(y3, x3) { //lat, lon
//var overlayBounds = new google.maps.LatLngBounds(new google.maps.LatLng(41.11246878918085, -90.5712890625), new google.maps.LatLng(47.68652571374621, -82.001953125));
var box = $("#map_canvas");
//image bounds
var x1 = -82.001953125;
var x2 = -90.5712890625;
var y1 = 41.11246878918085;
var y2 = 47.68652571374621;
var boxWidth = x2 - x1;
var boxHeight = y2 - y1;
//now we need to figure out where this rests, first we get the …我正在开发一个基于php的网站,并将一些facebook sdk集成到其中以获取一些基本的用户信息.我遇到的一件事是,当我向图表发出请求时,我如何知道是否应该使用getGraphObject或getGraphEdge？我没有看到任何直观的信息告诉我.
我正在运行php-sdk4 - >版本5
这是我昨晚遇到的一个例子..
$response = $fb->get('/me/friends', $fbToken);
$fbfriends = $response->getGraphEdge()->asArray();
在文档中,如果你看一下php示例,他们会使用getGraphObject.但是当我使用它时,我收到一个错误,告诉我应该使用Edge.有许多"获取"功能,但我没有看到任何告诉我如何知道如何使用的功能.getGraphObject,getGraphEdge,getGraphUser等.我很喜欢对这一个有所了解,因为它对我来说是一个猜谜游戏.
我有一个非常简单的脚本,其中两个图像相互叠加,然后通过水平滑动鼠标,顶部图像淡出或重新出现.这用于当时/现在的混搭.
该脚本在桌面上运行完美,但我无法在移动设备上运行.在移动设备上,"鼠标"仅在初始触摸时被拾取,而不是幻灯片.
我试过touch-punch.js,尝试修改我的代码来使用它,但到目前为止我还没有任何运气...
这是我的代码
<script type="text/javascript" language="JavaScript">
$(document).ready(function() {
$('.trackMe').each(function(){
//$(this).children("img:last").mousemove(function(e) {
$(this).children("img:last").on("mousemove touchmove", function(e) {
var offset = $(this).offset();
var xpos = (e.pageX - offset.left);
var ypos = (e.pageY - offset.top);
//now to get the first child image width..
var thisImage = $(this);
var thisWidth = thisImage.width();
var pct = Math.round((xpos/thisWidth)*100)/100;
var ipct = Math.abs(Math.round(((xpos-thisWidth)/thisWidth)*100)/100);
thisImage.css({ 'opacity' : ipct });
});
});
});
</script>
我没有公开访问它,但缺少的唯一组件是样式和上/下图像.
<style type="text/css">
.trackMe img.packard {
width:100% !important;
top:0 !important;
left:0 !important;
position:absolute;
margin:0 !important; …我一直很难找到我在D3中玩过的东西.我还在玩弄D3,但我一直在学习它.举一个我在网上找到的例子,我开始把它变成别的东西.
问题是,这使用了序数比例,我找不到在我的xaxis上设置滴答的方法.我很乐意让它以10号为例显示出来.但到目前为止我还没有任何工作.