QRコードでルート案内

  • /*
     * @title QRコードでルート案内
     * @description googleマップを利用していてmapがグローバル汚染しているサイト(食べログとか)で、地図の中心にルート案内するiOS用URLスキームをQR表示
     * @include http://*
     * @require jQuery
     * @license MIT License
     */
    
    (function(){
      var div = $(document.createElement('div'));
      var img = $(document.createElement('img'));
      var a = $(document.createElement('a'));
      var linkURL = 'comgooglemaps://?daddr='+map.getCenter().lat()+','+map.getCenter().lng()+'&directionsmode=driving';
      var qrURL = encodeURIComponent(linkURL);
      img
        .attr('src',
      'https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl='+qrURL)
        .css({
          'display':'block',
          'margin':'50px auto'
        });
      a
        .attr('href',linkURL)
        .append(img);
      div
        .append(a)
        .click(function(){$(this).hide()})
        .css({
          'position':'absolute',
          'z-index':'9999',
          'backgroundColor':'#000',
          'width':'100%',
          'height':'100%'
        });
      $('body').prepend(div);
    })();
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2013/09/23 12:54:14 - 2013-09-23
  2. 2013/09/21 19:39:24 - 2013-09-21
  3. 2013/09/21 19:24:31 - 2013-09-21
  4. 2013/09/21 19:10:42 - 2013-09-21