Gmap3 / Синтаксис Jquery
Я пытаюсь создать карту, используя плагин gmap3.net с Jquery, затем скрипт должен следить за ее движением и, если таковые имеются, запустить обновление xml на основе текущего местоположения и радиуса (близости) видимой карты.
Мне также пришлось поставить проверку на изменение размера, так как она использовалась сначала на одной html5-странице, скрытой, поэтому я вижу карту в одной плитке, пока вы не обновите представление.....
Все это говорит о том, что я столкнулся с проблемой в строке 75, символ 5 (помечен) с консолью разработчика, говорящей SCRIPT16386: такой интерфейс не поддерживается. Я был бы признателен, если кто-то может увидеть, где я иду не так, как я до сих пор пытаясь изучить форматирование этого плагина, а также jquery и некоторые другие вещи для этого приложения, и я думаю, что я начинаю идти слепой код LOL.....
var mylatLng = new google.maps.LatLng();
$(this).gmap3({action:'trigger', name:'resize'});
jQuery.noConflict(); jQuery(document).ready(function(){
//MAP ZOOM (0 to 20)
var zoomLevel = 10,
gMap = jQuery("#map_canvas"),
//iPad,iPhone,iPod...
deviceAgent = navigator.userAgent.toLowerCase(),
iPadiPhone = deviceAgent.match(/(iphone|ipod|ipad)/);
//iPad Stuff
if (iPadiPhone) {
//ADD MAP CONTROLS AND POST ARROWS
// jQuery("#footer").prepend('<div class="markerNav" title="Prev" id="prevMarker">‹</div><div id="markers"></div><div class="markerNav" title="Next" id="nextMarker">›</div><div id="mapTypeContainer"><div id="mapStyleContainer"><div id="mapStyle" class="satellite"></div></div><div id="mapType" title="Map Type" class="satellite"></div></div>');
} else {//IF NOT iPad
jQuery('#zoomIn').live('click',function(){
zoomLevel += 1;
gMap.gmap3({action: 'setOptions', args:[{zoom:zoomLevel}]});
});
jQuery('#zoomOut').live('click',function(){
zoomLevel -= 1;
gMap.gmap3({action: 'setOptions', args:[{zoom:zoomLevel}]});
});
//ADD MAP CONTROLS AND POST ARROWS
//jQuery("#footer").prepend('<div class="markerNav" title="Prev" id="prevMarker">‹</div><div id="markers"></div><div class="markerNav" title="Next" id="nextMarker">›</div><div id="mapTypeContainer"><div id="mapStyleContainer"><div id="mapStyle" class="satellite"></div></div><div id="mapType" title="Map Type" class="satellite"></div></div><div class="zoomControl" title="Zoom Out" id="zoomOut"><img src="images/zoomOut.png" alt="-" /></div><div class="zoomControl" title="Zoom In" id="zoomIn"><img src="images/zoomIn.png" alt="+" /></div>');
}
// jQuery('body').prepend("<div id='target'></div>");
gMap.gmap3({
action: 'init',
onces: {
bounds_changed: function(){
var number = 0;
jQuery(this).gmap3({
action:'getBounds',
callback: function (){
if (!bounds) return;
// Get Gmap radius / proximity start
var bounds = new google.maps.LatLngBounds();
var sw = bounds.getSouthWest();
var ne = bounds.getNorthEast();
var proximitymeterswne = google.maps.geometry.spherical.computeDistanceBetween (sw, ne);
var proximity = proximitymeterswne * 0.000621371192;
// Get Gmap radius / proximity End
}
});
}
}
},{
action: 'setOptions', args:[{
zoom:zoomLevel,
scrollwheel:true,
disableDefaultUI:false,
disableDoubleClickZoom:false,
draggable:true,
mapTypeControl:true,
panControl:true,
scaleControl:true,
streetViewControl:true,
zoomControl:true,
//MAP TYPE: 'roadmap', 'satellite', 'hybrid'
mapTypeId:'roadmap'
}]
});
});
// PROBLEM WITH THE FOLLOWING LINE
$(function(){
// PROBLEM WITH THE ABOVE LINE
$("#map_canvas").gmap3(
{
action : 'geoLatLng',
callback : function(latLng){
if (latLng){
//$('#resultat-geolocalisation').html('sucess !');
$(this).gmap3({action:'trigger', name:'resize'});
$(this).gmap3(
{
action: 'addMarker',
latLng:latLng,
options:{
icon:new google.maps.MarkerImage("2.png")
},
callback: function (){
if (!bounds) return;
// Get Gmap radius / proximity start
var bounds = new google.maps.LatLngBounds();
var sw = bounds.getSouthWest();
var ne = bounds.getNorthEast();
var proximitymeterswne = google.maps.geometry.spherical.computeDistanceBetween (sw, ne);
var proximity = proximitymeterswne * 0.000621371192;
// Get Gmap radius / proximity End
},
},
{ action: 'addTrafficLayer'},
{
action: 'addKmlLayer',
url: 'http://www.mykml',
options:{
suppressInfoWindows: true,
preserveViewport: false
}
}
);
} else {
//$('#resultat-geolocalisation').html('cant geolocate!');
alert('Location Not Found');
}
}
}
);
});
1 ответ
Я проверил это через Netbeans и нашел дафф для любого следующего.
Terran