Google Mapを一つのページに2つ以上表示させる(レスポンシブ対応)

2017/08/0404:13
どうもWebデザイナーのあさみです♪ 今回はとあるクライアント様の制作で店舗が2つある為、マップを一つのページに2つ配置した際にエラーが起こりマップが表示されなかったりと不具合があったので以前記載した、Googlemapカスタマイズ方法【JavaScript編】とは異なるコードを使用したのでご紹介致します。 HTML <div id="google-map_1"></div> <div id="google-map_2"></div> CSS..

続きを読む

JQueryを使用したRSS取得方法

2017/01/1701:52
どうもWEBデザイナーのあさみです! サイト制作でRSSを用いた構成をした際に忘れてしまっていたので復習と覚書の為に… 以前はGoogle Feed APIを使用して構成する事が多かったのですが、Google Feed APIが2015年4月20日にサポート終了で廃止になりました。 そこで、JQUERYを使用してRSSを取得する方法に変更 下記サイトに分かりやすく記載されています。 jQuery + PHP】クロスドメイン対応版:Google Feed ..

続きを読む

Googlemapカスタマイズ方法(レスポンシブ対応)【JavaScript編】

2016/11/0316:53
前回のおさらいGoogleMapをレスポンシブ対応で埋め込む【API Key取得編】 今回はGooglemapカスタマイズ方法【JavaScript編】です。 それでは早速… HTML <head> </head> <body onload="initialize();"> <div id="map_custmomize"></div> </body> もしくは、下記コード <head> </head> <body> <div id=..

続きを読む

もっと見る