mynameisdonald.com is for sale Please prove you're not a robot
![HugeDomains.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/683f8e96ad0b77201384efa22d859bf858121049/height=288;version=1;width=512/https%3A%2F%2Fstatic.hugedomains.com%2Fimages%2Fhdv3-img%2Fog_hugedomains.png)
Google Maps APIでズームコントローラーの最大値、最小値を設定する方法、各マップタイプのgetMinimumResolutionメソッドとgetMaximumResolutionメソッドをオーバーライドすることで設定が可能です。 map.addControl(new GLargeMapControl()); var maptypes = map.getMapTypes(); for (var i = 0; i < maptypes.length; i++) { maptypes[i].getMinimumResolution = function() { return 3;//minimum size }; maptypes[i].getMaximumResolution = function() { return 10;//max size }; }
最近Google Maps Javascript API を触ったりしているのですが、ふと気づいたらマーカーやInfoWindow の影が出なくて困ったので調べてみました。InfoWindow はデフォルトの影でしたが、マーカーはわざわざshadow の設定を記述しても出なくてどうしたものかと。下の図の感じです。 一通りshadow 関連を試した後で「これは何かしらのバグか?」と思いググってみたところ、stackoverflow で答えが出てました。 javascript - Shadow not showing google maps marker - Stack Overflow どうやらバージョン3.14(2013/10/24 現在試験運用バージョン)からレンダリングに変更が入って出なくなったみたいです。何も疑わずに公式サイトに書かれていた「http://maps.googleapi
Google Map API V3 でラインを削除します。 サンプルコードです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Google Maps V3</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var polyObj = null; google.maps.event.addDomListener(w
GLatLngBounds([sw[, ne]]) GLatLngBounds.getSouthWest() GLatLngBounds.getNorthEast() GLatLngBounds.getCenter() GLatLngBounds.toSpan() 地図の南西(左下)と北東(右上)の2つの頂点から成る矩形領域を設定するには、GLatLngBoundsクラスを使用します。 GLatLngBoundsコンストラクタは、GLatLngBoundsクラスのインタンスを生成します。 オプションの第1引数swには、南西の地理座標を指定します。 オプションの第2引数neには、北東の地理座標を指定します。 GLatLngBoundsクラスのgetSouthWest()メソッドは、矩形領域の南西(左下)の頂点の地理座標を返します。 GLatLngBoundsクラスのgetNorthEast(
・ある範囲が収まるように視点移動 ある座標範囲を納めるように地図を移動させるには、 fitBoundsを使う。 v2ではcenterとgetBoundsZoomLevelを使っていたが、逆に今度はズーム単体が取れない var minLatLng = new google.maps.LatLng(minLat,minLng); var maxLatLng = new google.maps.LatLng(maxLat,maxLng); var bounds = new new google.maps.LatLngBounds(minLatLng,maxLatLng); map.fitBounds(bounds); http://nein37.blogspot.kr/2010/10/google-maps-api-v3.html
調べ物をしていてヒット。 Google Maps API V3ではgetBoundsZoomLevelが使えない・・の記事から var flag=1; var boundsHandle = google.maps.event.addListener(map, 'bounds_changed', function() { flag=0; if(!map.getBounds().contains(minDistancePositon)){ map.setZoom(--zoom); }else{ google.maps.event.removeListener(boundsHandle); //処理 $("#mapOverlay").remove(); }}); if(map.getBounds() && flag==1 && boundsHandle){ map.setZoom(--zoom)
フィードバックを送信 地図上での図形描画 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 地図にオブジェクトを追加して、ポイント、ライン、領域、またはオブジェクトの集合を指定することができます。Google Maps JavaScript API ではこれらのオブジェクトをオーバーレイと呼びます。オーバーレイは緯度と経度で表される座標に紐付いているため、地図をドラッグしたりズームしたりすると連動して動きます。 オーバーレイのタイプ Maps JavaScript API には、プログラムで追加できる複数のタイプのオーバーレイがあります。 地図上の単一の場所は、マーカーを使用して表示されます。マーカーには、カスタム画像を表示できます(この場合、通常はアイコンと呼ばれます)。詳しくは、マーカーをご覧ください。 情報ウィンドウは、地図上の指定された場所でコンテン
情報ウィンドウ(InfoWindow)はデザイン的にある程度の大きさが必要みたいで maxWidthでの設定にも限界があるようです。簡単にそれなりのことができるぶん 融通が利かなくなるのかもしれない。 で、好きに扱えるものを貼り付けるためにOverlayViewてのが用意されてます。 実装にはそこそこスキルが必要で、見付かる資料はすこし難しいと思うのですが 簡単なサンプルを置いておくので、遊んでみて下さい。 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Google Maps JavaScript API V3 カスタムオーバーレイ サンプル</title> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script>
いろいろカスタマイズできるfunctionが用意されているgoogle map APIですが情報ウィンドウの閉じるボタン画像の変更ができるのか探したのですがみつかりませんでした〓 CSSで下記のように閉じるボタンのimgをdisplay: none; して 任意の箇所に新たに表示させたいボタンをposition:absoluteして 設定可能なのですが、.gmnoprintが結構つかわれているのでアップデートなどあった際仕様が変更されるお思わぬエラーになりかねないので 実用てきではないかなとおもいますが個人のwebなどで試すのにはいいかもしれません。 ----------- .gmnoprint:first-child > img { display: none; } ----------- なお、下記fiunctionが情報windowを閉じる 書式 GEvent.addListener
キーフレーム・ワールドワイド株式会社は、渋谷区にあるシステムインテグレーターの日本法人です。
四隅の緯度経度を渡したら範囲内のスポット情報が得られる、というAPIは最近そこら中にあって、 モバイラーズオアシスAPI ガソリン価格情報 WEBサービスAPI これとGoogleMapsAPIを組み合わせて地図上に何らかのスポットを表示する、というのもそこら中で行われています。 こういうサービスを実現するためには、ユーザーが地図の表示位置を変更した時、新しい位置のスポット情報を取得して表示するためにAPI呼び出しをする必要があります。 この実装例をググると、bounds_changed(領域が変化した時)やdragned(ドラッグが終了した時)イベントのタイミングでAPIを呼び出すようにしている実装が多いのですけど、idleイベントを使うとすごい綺麗に実装することが出来ます。 以下、bounds_changedやdragnedを使った場合に発生する問題と、idleイベントだと何がう
Google Loader Migration Guide Place Field Migration (open_now, utc_offset) Upgrading from v2 to v3 Get Started Get Started with Google Maps Platform API Picker Billing & Pricing Security & Compliance Reporting & Monitoring FAQ Support and Resources Customer Care Incident Management Maps Maps JavaScript API Maps SDK for Android Maps SDK for iOS Google Maps for Flutter Maps Embed API Maps Static API
Google AJAX Search API を使用してキーワードや住所から自分のサイトに Google Map を表示させるメモ Google AJAX Search API KEY と Google Map API KEY を指定して JavaScript を読み込む <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=Google AJAX Search API KEY" type="text/javascript"></script> <script src="http://maps.google.com/maps?file=api&v=2.x&key=Google Map API KEY" type="text/javascript"></script> 実際の表示部分。 q=キーワードで表示させる地図
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く