Question

我正试图在地图上放置一些标记here，但没有运气。实际上，它确实显示了一个从标题中调用的标记，如下所示：

<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC5Hacj2nz6Uby-AeesTPo8JVH5uGOnwlc">
</script>
<script type="text/javascript">
var myCenter=new google.maps.LatLng(51.508742,-0.120850);
var map;
var markers;

function initialize()
{
var mapProp = {
    center:myCenter,
    zoom:5,
    mapTypeId:google.maps.MapTypeId.ROADMAP
    };

map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker=new google.maps.Marker({
    map: map,
    position:myCenter

});
}

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

</script>

有效，但当我尝试添加更多标记时，它们不会出现。我正在使用php，所以我运行的代码看起来像这样：

<?php

        global $wpdb;
            $results = $wpdb->get_results("SELECT * FROM REPORTS");

        foreach($results as $row){ ?>
            <script type="text/javascript">
                markers=new google.maps.Marker({
                    map:map,
                    position:new google.maps.LatLng(52,41)
                });
            </script>
        <?php
        } ?>

我还应该提到我正在使用wordpress。这段代码检查没有错误，回声返回一个值，所以我不知道它是什么，我昨晚开始学习js / mysql。提前谢谢！

Answer 1

稍微改变一下你的方法。尝试读取JavaScript中的数据，而不是为每个标记创建新的脚本元素。然后使用JavaScript循环遍历此数据以创建标记。

Google Maps API标记未放置

1 个答案: