我的Google地图仅在我的Facebook应用上显示给我

时间:2013-07-24 12:34:06

标签: php facebook google-maps heroku

您好我使用heroku在facebook上传了我的PHP应用程序!

我的应用程序是一个测验,当你回答正确时,你会在谷歌地图上得到更多的数据!。

但谷歌地图只向我显示,我不知道为什么。

选中此项:https://apps.facebook.com/sectorsase/  输入一个数字(1-4),按开始,然后只显示问题框。

我的应用使用的是罗马尼亚语

<?php
session_start();

$m = $_SESSION['m']; //3500 100%
$a = $_SESSION['answer'];


if($a==1){$lat = 44.434148;$long =26.033621;}
if($a==2){$lat =44.426057;$long =26.017585;}
if($a==3){$lat =44.439173;$long =26.015425;}
if($a==4){$lat =44.419866; $long =26.024194;}


echo "
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>


<script>
function initialize()
{

var IPos=new google.maps.LatLng(" . $lat . "," . $long . ");
var mapProp = {
  center:new google.maps.LatLng(44.438683,26.027269),
  zoom:13,
  disableDefaultUI:true,
  draggable: false, 
  zoomControl: false, 
  scrollwheel: false, 
  disableDoubleClickZoom: true,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
var map=new google.maps.Map(document.getElementById('googleMap'),mapProp);

var marker=new google.maps.Marker({
  position:IPos,
  icon:'icn.png'

  });
 var myCity = new google.maps.Circle({
  center:IPos,
  radius:" . $m .",
  strokeColor:'#0000FF',
  strokeOpacity:0.8,
  strokeWeight:2,
  fillColor:'#0000FF',
  fillOpacity:0.4
  });

  myCity.setMap(map); 
  marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<center><div id='googleMap' style='width:500px;height:380px;'></div></center>

</body>
</html>";

只有我可以从我的电脑上看到地图,但我不明白为什么!每个人都在告诉我地图没有显示。帮助!

enter image description here

1 个答案:

答案 0 :(得分:0)

我首先要确保所有CUSTOM变量和div都是命名空间,以便它们不会与任何现有的DOM元素或对象交叉。

例如,您的目标div将“googleMap”作为ID。我会将其设置为不太可能已经存在于GOOGLE MAP中作为DOM对象的其他内容。请尝试“battleTortoise”。