)
sheet2gmap - GoogleシートとGoogleマップを簡単に連携
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Googleマップではユーザがカスタマイズしてピンを立てたり、情報を付与する機能があります。便利なのですが、使うためにはJavaScript SDKを使いこなさなければなりません。また、データをどこかに保存しておく必要もあります。そのため利用を控えてしまっていないでしょうか。 今回紹介するsheet2gmapは世界一簡単なマップツールを自認しています。Googleシートを編集するだけで、Googleマップ上にデータを即座に反映できます。 sheet2gmapの使い方 最初の表示です。 Googleシートを開きます。 データを追加します。住所が入力されていれば、位置情報は自動的に補完してくれます。 再度マップを見ると、追加したデータのマーカーが立てられています。 sheet2gmap
milkcocoaとgmaps.jsで、スマホ（と、まろ氏）の位置情報をリアルタイムに取得してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近、同じくエンジニアのまろ氏が目立ってきて焦っています。 先日、Google Mapsのライブラリであるgmaps.jsを使った 「Web初心者でもGoogle Mapsをカスタマイズできるgmaps.jsでAPIを使い倒そう！」 とmilkcocoaを使った 「インタラクティブコンテンツを作ろう！milkcocoaで5分のチャットアプリ制作」 を書きました。 Web上の地図表現とインタラクティブな表現。 これらを使って何かをやりたいとは思ったのですが、アイディアが無いので（誰かください）今回はこの2つの技術を組み合わせて、エンジニアのまろ氏の現在地をGoogle Maps上にリアルタイムに反映してみたいと思います。 今回はこれを1時間弱程度で作りました。milkcocoaとgmaps.jsは便利っすなぁ。 作ったものの構成イメージ 上のような構成
Google Maps APIをコピペで使い倒せ！Web初心者でもカスタマイズできるgmaps.js | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近はひさしぶりに浅草をランニングして健康オタクを気取っています。 さて、ランニングといえば、アプリを使ってタイム測定をしている人も多いのではないでしょうか。大半のアプリには地図が内蔵してあり、特にGoogle Mapsを呼び出しているものが多いですね。 そこで今回は、そのGoogle Mapsをカンタンに導入できるgmaps.jsを使ってみたいと思います。コピペで試せるので、JavaScriptが得意ではないデザイナーやコーダーの方にもおすすめです。 http://hpneo.github.io/gmaps/ gmaps.jsはGoogle Maps APIを使いやすくしてくれるライブラリです。 そのメリットは大きく3つあります。 1. シンプルなコード 記述方法がとてもカンタンで、通常のGoogle Maps APIよりも分かりやすいソースコード
Maplace.js - A Google Maps javascript plugin for jQuery.
Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map. It requires jQuery and Google Maps API v3 so you need to have both in your page. Features Straightforward implementation with simple options Can run as many maps as required Markers and custom icons, zoom level and custom controls menu Supports for Directions, Polygons, C
Initmapjs Outcomes/Objectives by jeromesmadja
Core Application Scoring Guides to be used: *Reading, Writing, Quantify, Communicate, Collaborate, Use Technology. Foundation Skill(s) Scoring Guides to be used: *Technology, Communication, Quantification, Analysis. Task Description As students are introduced to computer operation, terminology, ASCII and binary numbering system, history of computers, desktop publishing they will be able to identif
GoogleMapsCustomFieldsプラグイン不具合修正
GoogleMapsCustomFieldsプラグインに対して、管理画面の一部で表示が乱れるとのご指摘をいただきました。 修正したものを公開します。 プラグインは以下からダウンロードします。 GoogleMapsCustomField_1_28.zip ダウンロードしたZipファイルを解凍すると、「plugins」と「mt-static」のフォルダができます。 これらのフォルダを、Movable Typeのインストール先ディレクトリにアップロードします。 インストール後の使い方は従来通りです。 以下のページを参照してください。 Googleマップカスタムフィールドプラグイン（その1） Googleマップカスタムフィールドプラグイン（その2）
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
11 Helpful jQuery Google Maps Plugins and Tutorials – Pelfusion.com
jQuery Google maps are very easy to use technique and popular among the users to locate a specific location on the world map. Which can easily be done using some of jQuery Google Maps plugins. Companies are integrating Google maps on their websites to help people know where they are located. Though it is very simple map but complexity comes in when you want to integrate it. But this complex proces
[JS]観光写真に最適なGoogle Mapsを使った地図ベースの画像ギャラリー
デモページ [ad#ad-2] データの管理 画像ギャラリーで使用する画像や地図のローケーションなどはXMLで管理されています。 XML <place> <name>Bangkok</name> <location> <lat>13.696693336737654</lat> <lng>100.57159423828125</lng> </location> <photos> <photo> <thumb>photos/Bangkok/thumbs/1.jpg</thumb> <source>photos/Bangkok/1.jpg</source> <description>Some description</description> <location> <lat>13.710035342476681</lat> <lng>100.52043914794922</lng> </loca
ドラッグできる地図実装ライブラリのまとめ:phpspot開発日誌
ドラッグできる地図実装ライブラリのまとめ。 この手のライブラリは色々とあるのですが過去に紹介したものと新発見の物をまとめてご紹介。 Google MapのAPIを利用したものも入れます mobily.pl - playground - MobilyMap 拡大機能はありませんが、ドラッグ＆ドロップで移動させたりピンを立てる機能があります Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 マウスホイールによる拡大・縮小機能があってサンプルも豊富なライブラリ ドラッグ＆ドロップできる地図を実装できる3KBの軽量JSライブラリ「SpryMap」 独立して動作し、軽量なのが特徴 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 ライブラリではなく、画像URLを張り付けるだけでOKなサイト GoogleMap風でクールな地図
Foursquare Action Streamプラグイン
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 携帯電話をiPhone4に変えてから、Foursquareを始めました。 このFoursquareの記録をアクションストリームに入れようと思ったのですが、Foursquare用プラグインがないようでした。 そこで、Foursquare用のAction Streamプラグインを作りましたので、公開します。 1.動作環境 このプラグインは、ActionStreamsプラグインがインストールされているMovable Typeで動作します。 Movable Type 4.2（＋ActionStreams 2.1）と、Movable Type 5.0（＋ActionStreams 2.3
[JS]Google Mapsと連動してパネル表示も切り替えるスクリプト
ナビゲーションのホバーに合わせて、Google Mapsとパネルの表示を切り替えるスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <li data-geo-lat="41.9786" data-geo-long="-87.9047"> <h3>O'Hare Airport</h3> <p>Flights n' stuff</p> <p class="longdesc"><strong>About:</strong> O'Hare International Airport has been voted the "Best Airport in North America" for 10 years by two separate sources: Readers of the U.S. Edition
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドレログ | フリーランスクリエイターのドレッドの雑記ブログです。