QRコードでルート案内

by Lhankor_Mhy 2013-09-23 [2013/09/23 12:54:14]

googleマップを利用していてmapがグローバル汚染しているサイト（食べログとか）で、地図の中心にルート案内するiOS用URLスキームを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 LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。