小编Chr*_*nes的帖子

使用谷歌地图computeDistanceBetween获取最近的位置返回NaN

好的,我在测试网站上设置了一个地图和一个自动填充字段.

我的目标是让用户将他/她的地址输入到该字段中,然后当他/她点击确认根据提供的信息确定最近的商店.

我有每个商店的lat/long,并且在自动完成的帮助下,我现在有lat/long的用户地址但是当我使用文档中提供的computeDistanceBetween方法时,我得到NaN而不是期望的结果.

这是测试网站的链接,以获得一个想法 - http://dev.touch-akl.com/map/

以下是我到目前为止所尝试的内容

    //----------------------------------------------------------------
    //--- Search Box -------------------------------------------------

    var input = document.getElementById('address');
    var $confirm = $('#confirm');

    var options = {
       types: ['geocode'],
       componentRestrictions: {country: 'nz'}//Turkey only
    };        

    var autocomplete = new google.maps.places.Autocomplete(input,options);
    autocomplete.bindTo('bounds', map);

    $confirm.click(function(){

        var _street = $('#address').val();
        var place = autocomplete.getPlace();
        var _coordinates = place.geometry.location.toString();
        var _delivery = _coordinates.substring(1, _coordinates.length - 1);
        var _kCord = '-36.874694,174.735292';
        var _pCord = '-36.858317,174.782284'

        console.log(_coordinates);
        console.log(_delivery);

        console.log(google.maps.geometry.spherical.computeDistanceBetween(_pCord, _delivery));
        console.log(google.maps.geometry.spherical.computeDistanceBetween(_kCord, _delivery));


    });
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-maps google-maps-api-3

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

如何使用turn.js进行缩放

我试图让使用turn.js具有相同的功能在网站上的例子翻书http://www.turnjs.com/samples/magazine/

在查看如何实现这一目标时,我遇到了这些页面
http://www.turnjs.com/docs/Method:_zoom
http://turnjs.com/docs/How_to_add_zoom_to_turn.js

但是在页面上按照这些说明后,我的翻书工作就像样本一样.

我尝试使用提供的示例并将其分解为部分以使我的工作正常但我还没有更接近解决此问题,并且示例包含一堆其他脚本,我不确定它们是否需要进行缩放或是用于其他事情.

不确定我是否遗漏了一些非常简单的东西,或者我的代码是否真的关闭但我的html看起来像这样.

现在我点击缩放按钮时得到的是这本书可以扩展150%

想知道是否有人可以告诉我我缺少什么来缩放?

<div class="row">
   <div id="zoom-viewport">
      <div id="flipbook">   

          // wordpress loop

               <div class="page">
                    // page contents
               </div>

          // end loop

      </div>                        
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

和jQuery

    //----------------------------
    // Initialize

    var _width = $('#flipbook-wrap').width(),
        _height = Math.round(70.909090909/100*_width),
        _winWidth = $window.width(),
        _winHeight = $window.height();

    $("#flipbook").turn({
        width: _width,
        height: _height,
        autoCenter: true
    });

    //----------------------------
    // Zoom in button

    $('.fullscreen').click(function(e){
        e.preventDefault();
        $("#flipbook").turn("zoom", 1.5);

    });
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-plugins turnjs

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

在每个函数中向元素添加数据

我创建了一个计算div内部图像的每个函数,我试图将div中计算的图像数量设置为div的数据属性,但它不起作用.

我是否以错误的方式解决了这个问题,因为它似乎不起作用?

这是网站http://www.touchmarketing.co.nz/test/

    var mostImages = 0;

    numSliders = $wowSlides.length,
    lastVindex = numSliders-1;

    $wowSlides.each(function(){

        var $this = $(this),
        $images = $this.find('img'),
        numImages = $images.length;

        $images.css({width:$slideWidth, 'float':'left', 'position':'relative'}).wrapAll('<div class="slider" />');
        $slider = $this.find(".slider");
        $slider.width($slideWidth*numImages).css({'float':'left'});                     

        $this.data('count', numImages); // add data-count="insert number here" to this .wowSlides div

        console.log(numImages); 

        if(numImages > mostImages){

            mostImages = numImages;

        }                   

    });
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5

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

给每个角色涂上不同的颜色

我正在使用 KK Countdown 倒计时网站的圣诞节。

我有一个设计,我必须遵循它的每个字母都带有蓝色背景和边框半径。

现在 html 是这样输出的

<span class="kkcount-down" data-time="1387929600">
     <span class="kkcountdown-box">
          <span class="kkc-dni">169</span>
          <span class="kkc-dni-text">DAYS </span>
          <span class="kkc-godz">23</span>
          <span class="kkc-godz-text"> </span>
          <span class="kkc-min">19</span>
          <span class="kkc-min-text"> </span>
          <span class="kkc-sec">48</span>
          <span class="kkc-sec-text">HOURS</span>
     </span>
</span>
Run Code Online (Sandbox Code Playgroud)

kkc-dni 类是我在这里尝试定位的部分。

我想为该跨度内的每个字母添加背景颜色。

最好用CSS。这可能吗?

我之前使用过 CSS 来设置段落的第一个字母的样式,但这是完全不同的,我找不到任何关于它的信息。

有什么建议?

注意:因为我正在使用插件来进行倒计时,所以我不确定是否可以更改它输出跨度和 html 的方式。如果我可以将每个字母包裹在一个跨度中,我会的。

javascript css jquery

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

从电子表格导入范围,但排除数据缺失的行

我有2个电子表格(sheet1 + sheet2)

Sheet2使用工作正常的IMPORTRANGE函数从Sheet1中提取数据,除了在1-2列中有几行缺少信息外,出于我要执行的操作,我只需要删除这些行。

谁能指出我正确的方向?不知道是否需要向IMPORTRANGE函数添加某些内容或创建新的电子表格并使用其他函数,还是必须手动删除这些行?

干杯

google-sheets

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