0
jquery로 gmap3.net 플러그인을 사용하여지도를 만들려고하고 있습니다. 스크립트는 이동을 모니터링하고 현재 위치를 기반으로 xml 업데이트를 실행합니다. & 볼 수있는지도.Gmap3/Jquery 구문
크기가 작아 진 html5 페이지에서 처음 사용 되었기 때문에 크기를 확인해야했습니다. 따라서보기를 새로 고칠 때까지 한 타일에지도가 표시됩니다 .....
모두 나는 라인 75 문자 5 (표시) dev에 말하기 콘솔과 SCRIPT16386 말하고있다 : 아니 인터페이스가 supported.I 내가 만약 내가 잘못 가고있는 것을 볼 수 있다면 그것을 인정할 것이다. ..... m 여전히이 앱 역시이 플러그인의 형식뿐만 아니라 JQuery와 및 몇 가지 다른 일을 배우려고 노력하고 내가 롤 코드 블라인드를 이동하기 시작 것 같아요
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');
}
}
}
);
});