<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?key=MYKEY&sensor=false"></script>
<script>
var myCenter = new google.maps.LatLng(parseFloat(my_lat_echoed_from_php), parseFloat(my_lng_echoed_from_php));
function initialize() {
var mapOptions = {
center:myCenter,
zoom:6,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapOptions);
var marker = new google.maps.Marker({
position: myCenter,
map: map,
title: 'Hello World!'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googleMap" style=" width:50%; height:500px; border:3px solid black; margin: 0 auto;"></div>
</body>
</html>
它可以从我的数据库中正确获取纬度和经度,并将其置于正确的位置,但不显示任何标记。我在此HTML页面中包含locations_show.php
。除标记外,一切都有效。
答案 0 :(得分:4)
我根据this answer的建议将optimized: false
添加到我的标记选项。
更改了此内容:
var marker = new google.maps.Marker({
position: myCenter,
map: map,
title: 'Hello World!'
});
要强>
var marker = new google.maps.Marker({
position: myCenter,
map: map,
optimized: false,
title: 'Hello World!'
});