0

我一直在尝试将此代码从 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}
4

1 回答 1

1

这是您模板中的代码(智能驱动?)。

作为第一步,而是查看生成的 javascript(从浏览器查看源代码)

如果是模板相关的问题,它将避免专注于 JS。

于 2013-11-05T14:04:13.083 回答