Sziasztok!
Szeretnék a Google map API segítségével egy térképet készíteni. Még eddig nem foglalkoztam vele ezért nagy új.
Már markereket sikerült leraknom, és törölnöm, ill. vonalat rajzolnom.
A feladatom az lenne, hogy a vonal külön ikonnal legyen megjelenítve, és minden egyes pont letételkor, jelenjen meg a töréspontnál egy marker, aminek a segítségével később alakítani lehessen a vonalat, majd mindezt elmenteni mysqlbe vagy xml fájlba. Vonalat már rajzol, a markerek megjelennek, de a mozgatás nem az igazi.
Azt az egyen nem értem, hogy lehet a vonalhoz valamilyen azonosítót hozzárendelni, amivel később meg tudom őket különböztetni.
var batch = [];
var imageIndex = 0;
var pts = [];
var ptsi = [];
function load(imageIndex) {
var marker;
var iconInd = imageIndex
if (GBrowserIsCompatible()) {
//setup map
var map = new GMap2( document.getElementById("map") );
var centerPoint = new GLatLng(46.952084, 16.275008);
map.setCenter( centerPoint, 17); //zoom is
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl()); // alul kicsi terkep
map.disableScrollWheelZoom();
map.disableDoubleClickZoom();
map.autoPan
map.setUIToDefault(); // control gombok
map.setMapType(G_NORMAL_MAP); // NORMAL vagy HYBRID vagy PHYSICAL
//var mgrOptions = { borderPadding: 50, maxZoom: 15, trackMarkers: true };
//var mgr = new GMarkerManager(map, mgrOptions);
// ikon rajzolo
function createMarker(point) {
var Icon = new GIcon(G_DEFAULT_ICON);
Icon.image = document.getElementById("iconka").src;
var marker = new GMarker(point, { icon:Icon, draggable: true, autoPan: false});
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(document.getElementById("iconka").src);
});
GEvent.addListener(marker, 'dblclick', function(overlay, point) {
map.removeOverlay(marker);
});
// save the info we need to use later for the side_bar
batch.push(marker);
return marker;
}
function createLine(point) {
var Icon = new GIcon(G_DEFAULT_ICON);
Icon.image = document.getElementById("iconka").src;
var marker = new GMarker(point, { icon:Icon, draggable: true, autoPan: false});
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml('s');
});
GEvent.addListener(marker, 'dblclick', function(overlay, point) {
map.removeOverlay(marker);
});
GEvent.addListener(marker, 'drag', function(overlay, point) {
for(var n=0;n
Bevallom, belezavarodtam a kódba. Amúgy ebből merítettem ötletet
- 1281 megtekintés
Hozzászólások
Válaszolni nem tudok, de egy subscribe-t kap.
- A hozzászóláshoz be kell jelentkezni
+1
Szerelem reggel, szerelem délben szerelem este... most már működhetne az a k..va szerver!
- A hozzászóláshoz be kell jelentkezni
Egy /code -t tegyel a nyito nyito hozzaszolasba
---
Apple iMac 20"
áéíóöőúüű
- A hozzászóláshoz be kell jelentkezni
A kód tag között van!
- A hozzászóláshoz be kell jelentkezni
Ez igaz, de nincs lezarva a nyitoban, legalabbis en nem latom a kodban sehol.
---
Apple iMac 20"
áéíóöőúüű
- A hozzászóláshoz be kell jelentkezni
Ha esetleg nem ismernéd még, itt van rengeteg googlemaps-es példaprogram.
- A hozzászóláshoz be kell jelentkezni
Ismerem ezt az oldalt. Azt hiszem újraírom az egészet.
- A hozzászóláshoz be kell jelentkezni
sokat segítene ha kiraknád valahova, mert így hirtelen csak sejtem hogy működik.
Egyébként a megoldás viszonylag egyszerű, főleg ha bevezetsz egy saját objektumot
- A hozzászóláshoz be kell jelentkezni
Ide kiraktam:
http://halmicomp.uw.hu/map.html
Törölni a dupla kattintással lehetne, de nem működik.
- A hozzászóláshoz be kell jelentkezni
Frissítettem a kódot.
Nekem működik a pont kirakás, törlés vonal rajzolás, újra rajzolás. Van még mit javítanom.
Akit érdekel nézze meg:
http://halmmicomp.uw.hu/map.html
- A hozzászóláshoz be kell jelentkezni
subscribe
- A hozzászóláshoz be kell jelentkezni
Javaslom neked hogy néz körül itt (magamnak gyűjtöttem össze néhány hivatkozást munkához):
http://opendir.hu/?freedom=/blogmarkok//maps
És itt is vannak nagyon jó eszközök:
http://code.google.com/p/gmaps-utility-library-dev/
arth2o: http://keszit.es
- A hozzászóláshoz be kell jelentkezni