2014-12-01から1ヶ月間の記事一覧

JavaFX with google map and JSON sample

Thanks to this web siteAdding HTML Content to JavaFX Applications | JavaFX 2 Tutorials and Documentation, it it easy making upcalls from JavaScript to JavaFX. 1.Adding lines to HTML's table and creating Marker on this map, by clicking on t…

JavaFX with google map and JSON sample

1.google map上でクリックしたポイントを元に、HTMLのTableに行を追加とmap上にマーカーを表示。 2.上記1の情報をJavaScriptからJavaFXのメソッドをcallしてJson形式のファイルとして保存。 3.JavaFXで上記2のjsonファイルを読み込んで、JavaScriptのメソ…

PolylineとclickしたポイントにMarker表示するメモ

地図でクリックした場所のMarkerを表示、クリックした位置情報をTableにも表示する。 [save to json]ボタンでファイルに保存するのはJavaFXで実装する予定、、、 sample.html <html> <head> <title>Google Map Polyline Sample</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </meta></meta></head></html>

google mapのズームとバインドのメモ

以下の地図で大阪、京都、兵庫のマーカーを作成。 全マーカが地図に表示されるようにズームを設定。 var bounds = new google.maps.LatLngBounds(); infos.forEach(function(info){ var myLatlng = new google.maps.LatLng(info.lat, info.lng); // 対象のマ…

動的に追加した要素にcssが適用されるか試してみる

以下の画面では、いずれも「nth-of-type() 」で指定したスタイルが適用されて1行毎に背景色が設定されていました。 1,2行目はHTMLで最初から指定 3,4行目はjQuery(version2.0.3)で追加 5,6行目はJavaScriptで追加 最近、jQueryで追加した行の背景色が設定さ…

JavaFX with Google map sample

JavaFX Advent Calendar 2014 - Adventarの21日目です。 昨日は@kikutaro_さんのOpenDolphinでEnterprise JavaFX - Challenge Java EE !でした。ちょっと、業務でGoogle mapを使っているので、JavaFXからWebViewでGoogle mapを操作してみました。 操作と言っ…