Q&A
Google Maps Javascript API＋Directionsを利用して距離と時間を表示させたいです。
以下のURL「都内のお買いものスポットをルート検索」のソースコードで実行したのですが、
地図だけが表示されませんでした、コンソールにはエラーは表示されていませんでした。
http://phpjavascriptroom.com/?t=ajax&p=googlemapsapiv3_directions
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8" /> 5<title>設置サンプル - GMAPv3 - Directions - 2地点間のルート検索</title> 6<link rel="stylesheet" type="text/css" /> 7<!-- href="/content/css/gmapv3.css" --> 8<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"</script> 9<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={APIキー}"></script> 10<script type="text/javascript"> 11...
APIキーがいると聞いたのでAPIを取得して{APIキー}にいれたのですがそれでも地図は表示されませんでした。
以上です、よろしくお願いします。
回答1件
0
ベストアンサー
同じスクリプトを試してみたのですが、
設置サンプルでは
#map { float:left; width:70%; height:100%; }
となっているところを試しに
#map { float:left; width:700px; height:1000px; }
としてみると、地図が表示されましたので、
Googleのコードではなくて、スタイルシートとかの問題かと思います。
投稿2017/07/20 00:16
総合スコア96
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/20 03:59