ピースペース

google map なアプリページをwordpressのページに組み込んだら地図が表示されなくなった

leave a comment »

image

こんな感じの地図アプリを作成して、Wordpressの固定ページに埋め込んでみたら、

image

マーカーは表示されるのに肝心の地図が表示されない!
mapキャンバス右下のズームコントロールボタンのアイコンもなにかおかしい…
スタイルに↓を追加したら地図も正しく表示されるようになった。

#map-canvas img {
    max-width: none !important;
    height: auto !important;
    background: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

}

image

スタイルやjsライブラリの衝突ということを考えると
どんなサイトにも組み込みできるアプリを作成するというのはそう簡単なことじゃないな;;
そりゃそうだ

Written by nasu38yen

2015年10月13日 @ 4:01 PM

カテゴリー: プログラム

Tagged with

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。