在Jquery中打開谷歌地圖

我有3個頁面，一個是顯示來自php頁面的數據的html，以及處理數據並從數據庫中獲取數據的php頁面，最後一個是js頁面。在Jquery中打開谷歌地圖

我的問題是我有PHP頁面中的Google地圖代碼，我不會在html頁面中打印它。

現在我發送它的jquery並在html頁面中打開它，但它是行不通的？爲什麼。

如果我從PHP頁面複製代碼並將其放在HTML頁面中，Google地圖將會打開...那麼問題在哪裏？

<style> 
     #map-canvas { 
     height: 100%; 
     margin: 0px; 
     padding: 0px 
     } 
    </style><script src='https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script> 
    <script> 
function initialize() { 
    var myLatlng = new google.maps.LatLng(24.701564296830245,46.76211117183027); 
    var mapOptions = { 
    zoom: 4, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Hello World!' 
    }); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

    </script> 
<div id='map-canvas'></div>

來源

2013-10-31 user2933912

的JavaScript執行客戶端，PHP執行服務器端。如果您的.php文件中有JavaScript，並且用戶從不查看它，則不執行JavaScript。由於我不知道問題的具體細節，因此我不能將其標記爲答案。 –

那麼，我能做什麼？我怎麼能發送上述代碼從php頁面的地圖到jquery – user2933912

的HTML頁面我會回答這個問題的實際答案，而不是評論。敬請關注。 –

這是一個「如何發送上述代碼從php頁面到jquery的html頁面的代碼」的例子。

PHP（map.php）：

<?php 
echo " 
<div id='map-canvas' style='height: 100%; margin: 0px; padding: 0px'></div> 
<script src='https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script> 
<script> 
function initialize() { 
    var myLatlng = new google.maps.LatLng(24.701564296830245,46.76211117183027); 
    var mapOptions = { 
    zoom: 4, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Hello World!' 
    }); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

</script>"; 
?>

我張貼，因爲我不知道瀏覽器是如何解析<body>異步內<style>後短暫地改變了上面的代碼。我還在<script>之前移動了上面的div#map-canvas，以便在腳本執行之前HTML將存在。

HTML頁面：

<head> 
<script> 
$.ajax({ 
    url: "map.php", 
}) 
.done(function(msg) { 
    $('#where_map_is_going').html(msg); 
}); 
</script> 
</head> 
<body> 
<div id="where_map_is_going"></div>

來源

2013-10-31 22:38:31

謝謝，但你的代碼工作時，刷新頁面，我們可以看到地圖爲什麼？ – user2933912

在Jquery中打開谷歌地圖

回答

相關問題