[B! javascript] noriyaeのブックマーク

noriyae id:noriyae

javascriptに関するnoriyaeのブックマーク (23)

Chart.js
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
noriyae 2017/10/29
javascript

グラフ
リンク
Google Maps API → OpenLayers API - おまえ、うまそうだな
id:ykhpno1 さんの、この質問。その前までの一連の質問で、Google Maps API を使ってある程度の形になっていたのだけれど、アクセス数の制限があったりするから OpenStreet Map に変更したいというお話。 Google Maps API のここは、OpenLayers API ではこう書く、みたいな感じページが意外と見つからなかったので、備忘を兼ねて。＃長いよまずは、ソース Google Map OpenStreet Map (OpenLayers API) Google Maps API vs. OpenLayers API (A) 地図の作成 (B) 地図の作成タイミング (C) 地図を表示する要素との紐づけ (D) 中心の位置 (E) スケールバー (F) 良い感じにズーム (G) ズームの最大値を抑制 (H) マーカーの作成 (I) マーカー画
noriyae 2017/04/21
OpenStreetMap

OpenLayers

javascript
リンク
OpenLayers Tutorial
category bingmap (1) C# (2) centos (11) css (2) databse (1) DataNitro (2) dbf (2) debian (4) Dotspatial (3) Everthing OK!! (1) Excel (7) ExtJS (13) FWTools (1) gdal (5) geocoding (1) GeoExt (19) GeoJSON (12) geoprisma (1) geoserver (8) GeoSpatial (15) GIS (60) Google Map (14) GXM (1) html (1) Hydrology (4) IPython (2) javascript (100) jsfiddle (3) ka-map (2) kml (1) leaflet.js (1) map file (5) mapb
noriyae 2017/04/20
javascript

OpenLayers

OpenStreetMap
リンク
2地点の緯度経度から距離を概算 | BoxHeadRoom
[pukiwiki] Ａ地点から～B地点まで～の距離を計算する関数 geodistanceを書いてみますた。 2地点の緯度経度から距離を概算します誤差が500メートルぐらいありますが、（今必要な値としては）1km単位ぐらいまで許容範囲だったので、これで行くことに。　メモ -[[測量計算:http://vldb.gsi.go.jp/sokuchi/surveycalc/]] -[[距離と方位角の計算:http://vldb.gsi.go.jp/sokuchi/surveycalc/algorithm/]] こちらに、ちゃんとしたアルゴリズムがあります。（多分、ミリ単位の精度）でも、難しくてよくわからなかったので（涙 [/pukiwiki] 以下　関数　＆　テストコード # -*- coding: cp932 -*- import math from math import cos,sin
noriyae 2017/04/20
javascript

OpenLayers

OpenStreetMap
リンク
サービス終了のお知らせ
サービス終了のお知らせいつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。お客様がアクセスされたサービスは本日までにサービスを終了いたしました。今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
noriyae 2017/04/20
javascript

OpenLayers

OpenStreetMap
リンク
地理院地図でクリックされた位置の緯度経度を取得する - えぢた 2.2 @k_zoar
Google Mapでクリックされた位置を取得する - なか日記を見て自分でできるかいなと思い、OpenLayersで地理院地図を表示してやってみました。画面コードサンプル <!DOCTYPE html> <html> <head> <title>クリックされた位置を取得する</title> <meta name="viewport" content="initial-scale=1.0, user-scala ble=no" /> <meta charset="utf-8" /> <style> html, body, #map { height: 500px; width: 500px; margin: 20px; padding: 20px; } /* 国土地理院著作権表示 */ div.olControlAttribution { padding: 3px; color:#000;
noriyae 2017/04/19
OpenLayers

OpenStreetMap

javascript
リンク
OpenLayers.Layer.Markersクラス - Mapabc
noriyae 2017/04/19
javascript

OpenLayers

OpenStreetMap
リンク
緯度経度であらわされる２点の間の地点を求める式を教えてください Pa：(lat1, lng1) Pb：(lat2, lng2) PaとPbの間のPcを求める式を教えてください。…
緯度経度であらわされる２点の間の地点を求める式を教えてください Pa：(lat1, lng1) Pb：(lat2, lng2) PaとPbの間のPcを求める式を教えてください。ただし、「ちょうど真ん中」ではなくPaからPbに向けて、割合rの地点とします。 r = 0.0 → Pc＝Pa r = 0.5 → Pc=PaとPbのちょうど真ん中 r = 1.0 → Pc＝Pb よろしくお願いいたします。
noriyae 2017/04/19
javascript

OpenLayers

OpenStreetMap
リンク
OpenLayers 3 を使ってみよう（その0：はじめに：地理院地図を表示）
highlight.js を使っています。一部説明のために highlight.js を使っていない部分もありますが…。（追記の追記の追記）2017/2/1 現在，最新バージョンは 3.20.1 になっていた…。このサイトに書いてある内容としては v3.16.0 から特に変更はないみたい。個別には特に記載してないが，サンプルはすべて v3.20.1 にしておいた。（追記の追記）2016/5/28 現在，最新バージョンはいつのまにやら 3.16.0 になっていた…。細かい変更点に関しては，v3.16.0 release page や complete list of releases を見てほしいが，私のサイトに関連して1箇所変更点があった。詳しくは番外４：OpenLayers v3.7.0 から v3.16.0 の間に変わった点を見てほしい。（追記）2015/7/25 現在，
noriyae 2017/04/19
JavaScript

OpenLayers

OpenStreetMap
リンク
[OpenLayers]地図にマーカーを設定する
OpenLayersで地図にマーカーを設定するサンプルです。マーカーは地図上の任意の地点に目印となる画像を表示します。 OpenLayers.jsのダウンロード OpenLayer 2.13.1 http://openlayers.org/two/　<ダウンロード> Zipファイルを展開後(解凍後)に使用するファイルはOpenLayers.jsとimgフォルダ、themeフォルダです。この3点があればサンプルは動作します。サンプル地図にマーカーを設定するサンプルです。地図を見ると富士山、箱根芦ノ湖、皇居の地点に目印となる画像が表示されている事がわかります。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
noriyae 2017/04/19
javascript

OpenLayers
リンク
【jQuery】【パララックス】時間差スクロールで奥行きのある動作を実装する方法
それぞれのレイヤーごとのスクロール速度をずらことで、奥行きの感じられる動作を実装することができます。今回は、jQueryを使って、背景画像の縦スクロールと横スクロールのパララックスを実装してみます。・縦の時間差スクロールサンプルページ・横の時間差スクロールサンプルページ html <body> <head> <link href=style.css" rel="stylesheet"> <script src="https://ajax.google apis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="scroll.js"></script> </head> <div id="scroll_bg01"> <div id="scroll_bg02"> <div id="scroll_bg03"> </
noriyae 2016/03/10
時間差スクロール

javascript
リンク
finefinefine.jp
This domain may be for sale!
noriyae 2012/08/17
HP作成

javascript
リンク
Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to […] Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, a
noriyae 2012/06/21
HP作成

javascript
リンク
表示・非表示の切替 (HTML,CSS,JavaScript) [ホームページ作成] All About
noriyae 2012/04/23
HP作成

javascript
リンク
[JS]特定のエリアのみをスクロールしても同じ位置に表示するスクリプト
WebResourcesDepotのエントリーから、特定のエリアのみ（キャプチャの右のエリア）をスクロールしても、同じ場所に表示するスクリプトの紹介です。 Smart Floating Banners デモ:1 デモ:2 スクリプトはjQueryをベースにしたもので、デモでは右に配置されたエリアの特定の一部のみをスクロールしても同じ場所に表示させています。当サイトが配布している「Page Scroller（スムーズにスクロールするスクリプト）」と、同じ位置に表示するスクリプトの相性が悪い、というのをどこかのブログで見かけたのですが、これを使用すると特に問題無く実装できました。 Page Scrollerと合体させたデモ（「右パネルのtop」と「ページ下のtop」） Page Scrollerは、「$」ではなく「$j」を使用なので、下記のように変更しています。 <textarea name
noriyae 2012/03/13
HP作成

javascript
リンク
プルダウンからテキストボックスに入力 - OKWAVE
さいごのtext1は、ひょうじだけだよね。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>test</title> <form action="#" name="abc"> <p> <select onchange="p()" name="se"> <option value="" title="" selected></option> <option value="A" title="A">A</option> <option value="a" title="a">a</option> </select> <p> <select onchange="p()" name="se"> <option value="" title="" selected></option> <option value="B" title=
noriyae 2011/12/01
HP作成

javascript
リンク
http://www.exgear.jp/blog/2008/10/
noriyae 2011/10/21
HP作成

javascript
リンク
ドラッグドロップで項目の移動と並びかえができるリストのサンプル - うなの日記
ドラッグドロップで項目の移動と並びかえができるリストの実装サンプルです。「Bookmarks」の「タグセット編集」機能で使ったもの。99%くらいはYUIのサンプルのコピーだったりしますが、まぁ、あのサンプルの実装メモということで。戦略アイテム(リストの項目)をドラッグ対象として登録。アイテムとリストをドロップ対象として登録。ドラッグにはプロキシを使う。(アイテム要素を直接マウスに追従させず、アイテム要素の中身をコピーしたプロキシを移動させる。) アイテム要素はドラッグ中は非表示。アイテムにドラッグした場合、アイテムの前、または後に要素を挿入する。挿入先がわかりやすいように、ドラッグ完了(マウスを放す)前のドラッグオーバー(ドラッグ中にマウスが乗った)段階で、アイテム要素を挿入する。ドラッグ完了時には、プロキシを非表示にし、アイテム要素を表示するだけ。リストにドラッグした場合
noriyae 2011/10/21
HP作成

javascript
リンク
画像、動画やWebページをクリックで表示するLightbox系javascript「Shadowbox」
ホームページで、画像、YouTube、WMP、SWF、MOV、WMVなどのサムネイル画像・文字をクリックして、そのページ内で動画などを開く方法 [Shadowbox] Lightbox for Media 更に、画像も動画も一緒に、スライドショーをしてくれる[Shadowbox] Shadowbox は、画像、動画など幅広い多くのメディアを拡大ポップアップ表示してくれる。また、様々なJSフレームワーク(アダプター）に対応しているので、いずれかを好みによりダウンロードして、使用します。 Base(standoalone)（非JSフレームワークタイプ） jQuery Prototype MooTools (requires 1.2 Core) Dojo Toolkit Yahoo! User Interface Library Ext (requires ext-core.js) jQue
noriyae 2011/10/10
HP作成

javascript
リンク
とほほのJavaScriptリファレンス
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能まずは始めてみよう準備するもの「Hello world!!」と書いてみよう時刻を表示してみよう動く時計を表示してみよう JavaScript の書き方 <script>～</script>
noriyae 2011/09/28
HP作成

javascript
リンク
1 2 次のページ