同一页面上的Google Map和Geocomplete不起作用

时间:2013-11-21 13:25:40

标签: javascript google-maps google-maps-api-3 google-maps-api-2

我在页面中使用Google地图 - 包含2个标记和这些标记之间的路线。

页面中还有一个GeoComplete。

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>

这是GeoComplete的附带脚本,

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" type="text/javascript"></script> 

这是Map的附带脚本。

问题是,两者都无法协同工作。当我删除一个库,一个工作,而另一个没有。

这是地理完整代码

                $("#point").geocomplete({country: "ARE"})
                .bind("geocode:result", function(event, result) {
                    $("#latpoint").val(result.geometry.location.ob);
                    $("#longpoint").val(result.geometry.location.pb);
                });

这是地图代码

var map = new GMap2(document.getElementById("map"));
       var directions = new GDirections(map);
       var isCreateHeadPoint = true;
       var headMarker, tailMarker;

       map.setCenter(new GLatLng(51.50, -0.12), 12);

       var point = new google.maps.LatLng(someLat, someLong);  
       headMarker = new GMarker(point); 
       map.addOverlay(headMarker);
       var point = new google.maps.LatLng(SomeotherLat, SomeotherLong);  
       tailMarker = new GMarker(point);
       map.addOverlay(tailMarker);

       directions.load("from:SomeLat,SomeLong to:SomeotherLat,SomeotherLong", 
                             { getPolyline: true, getSteps: true }); 

1 个答案:

答案 0 :(得分:1)

当我使用此单一Javascript包含

时,这工作正常
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&sensor=false"></script>