Question

我一直在尝试将此代码从APIv2转换为v3，但我无法让它工作。有人会帮我找到错误吗？

地图没有开始，我不明白为什么。我一直在使用相同的代码，但过去使用v2 API的代码没有问题，但现在我看不出问题是什么。

我的代码是：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?
v=3.exp&sensor=false"></script>
<script type="text/javascript">
var map;
{if $listing.location_is_set}
var zoom = 15;
{else}
var zoom = 7;
{/if}
{literal}
        var latitude = {/literal}{$geoData.latitude}{literal};
        var longitude = {/literal}{$geoData.longitude}{literal};

$(document).ready(function(){

        map = new google.maps.Map(document.getElementById("map-canvas"));
        map.setCenter(new google.maps.LatLng(latitude, longitude), zoom);
        map.addControl(new google.maps.SmallMapControl());
        map.addControl(new google.maps.MapTypeControl());
        map.addControl(new google.maps.ScaleControl());
        map.addControl(new google.maps.OverviewMapControl());
        var point = new google.maps.LatLng(latitude, longitude);
        var marker = new google.maps.Marker(point, {draggable: true});
        google.maps.event.addListener(marker, "dragstart", function() {
                    map.closeInfoWindow();
                  });
        google.maps.event.addListener(marker, "dragend", function() {
            $("#m_lat").val(marker.getLatLng().lat());
            $("#m_lon").val(marker.getLatLng().lng());
          });
        google.maps.event.addListener(map, 'click', function(overlay,  
 latlng) {
            marker.setLatLng(latlng);
            $("#m_lat").val(marker.getLatLng().lat());
            $("#m_lon").val(marker.getLatLng().lng());
        });


        map.addOverlay(marker);
    }
);

</script>
{/literal}

Answer 1

这是模板中的代码（智能驱动？）。

作为第一步，请查看生成的javascript（从浏览器查看源代码）

如果它是与模板相关的问题，它将避免关注JS。

我的谷歌地图V3无法正常工作

1 个答案: