Google карта не видна в моем мэшапе - PullRequest
Новая
       2

Google карта не видна в моем мэшапе

0 голосов
/ 26 июля 2011

Я совершенно новичок в написании сценариев для карт, поэтому мой вопрос может быть глупым, но я бы с удовольствием, если вы можете ответить на этот вопросНиже приведен код, который я взял из учебников Google Map.Когда запускается пример, все работает нормально.но когда я использовал его в своем коде, карта не видна.вот код: 

<!DOCTYPE html">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PGet</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<script type="text/javascript" >

function invokeMap()
{


      var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    //document.getElementById('form_container').innerHTML="";
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);


}

</script>

</head>
<body id="main_body" onload = "invokeMap()" >


 <div id="map_canvas" style="width: 500px; height: 400px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div>

<img id="bottom" src="bottom.png" alt="">
</body>

Ответы [ 2 ]

1 голос
/ 26 июля 2011 
<body onload="invokeMap()" >

Убедитесь, что вы не забыли вызвать функцию инициализации.

0 голосов
/ 09 сентября 2015

здесь тот же код, что вы написали, вам нужно только дать правильные теги.ваш <body onload="invokeMap()" > правильный.см. этот код 

<html>    
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PGet</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<script type="text/javascript" >

function invokeMap()
{


      var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    //document.getElementById('form_container').innerHTML="";
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);


}

</script>

</head>
<body id="main_body" onload = "invokeMap()" >


 <div id="map_canvas" style="width: 500px; height: 400px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div>

<img id="bottom" src="bottom.png" alt="">
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...