Tryb drzewa | Tryb normalny

BIMSON · (Ten post był ostatnio modyfikowany: 01-02-2012 11:11 AM przez BIMSON.)

Witam
Chce dodać do swojej mapy miniatury zdjęć za pomocą OpenLayers.Layer.Text
Jednak wzorując się na tym przykładzie: http://www.oesterlin.ile.nc/test/20110824drv-carte.html nie wychodzi mi. Nie widać punktów.

Mój plik .js

Kod:

function init() {

    var epsg4326 = new OpenLayers.Projection("EPSG:4326");

    var map = new OpenLayers.Map({

    div: "map",  allOverlays: true,

    layers: [

            new OpenLayers.Layer.Google(

        "Google Satellite",

        {type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22,visibility: false}

    ),

        new OpenLayers.Layer.Google(

        "Google Physical",

        {type: google.maps.MapTypeId.TERRAIN, visibility: false}

    ),

        new OpenLayers.Layer.Google(

        "Google Streets", // the default

        {numZoomLevels: 20}

    ),

        new OpenLayers.Layer.Google(

        "Google Hybrid",

        {type: google.maps.MapTypeId.HYBRID, numZoomLevels: 22, visibility: false}

    ),

        new OpenLayers.Layer.Text("Photos",{location:"photos.txt", projection: epsg4326})

    ],

    controls: [

        new OpenLayers.Control.Navigation({

            dragPanOptions: {

                enableKinetic: true

            }

        }),

        new OpenLayers.Control.PanZoom(),

        new OpenLayers.Control.Attribution()

    ],

    center: [0, 0],

    zoom: 3

});

map.addControl(new OpenLayers.Control.LayerSwitcher());

    map.setCenter(new OpenLayers.LonLat(10.2, 48.9).transform(

        new OpenLayers.Projection("EPSG:4326"),

        map.getProjectionObject()

    ), 5);

}

I plik photos.txt

Kod:

lat  lon title   description iconSize    iconOffset  icon

52.166806   21.075375  Photo    <html><a href="ssFUJIF550sample-209.JPG" target="_blank"><img src="ssFUJIF550sample-209MIN.JPG" width="180" border="1"></a><br>photo</html>    ssFUJIF550sample-209.JPG    18,13

Odoakr · 31-01-2012, 04:40 PM

Podaj link do Twojego działającego przykładu. Sprawdź ścieżki do zdjęć.

BIMSON · 01-02-2012, 11:13 AM

(31-01-2012 04:40 PM)Odoakr napisał(a): Podaj link do Twojego działającego przykładu. Sprawdź ścieżki do zdjęć.

Ścieżki sprawdzone. Zdjęcie znajduje się katalogu głównym.
A to link: http://lukaszbimek.pl/gis/map.html

Nacek · 09-03-2012, 02:30 AM

(01-02-2012 11:13 AM)BIMSON napisał(a): Ścieżki sprawdzone. Zdjęcie znajduje się katalogu głównym.
A to link: http://lukaszbimek.pl/gis/map.html

Witam.
Za linkiem widać już inne próby, ale może dodam co zauważyłem w sprawie OpenLayers.Layer.Text
Wg podanego kodu pliku photos.txt widać błędną kolejność danych. Powinny być zgodnie z deklaracją podaną w pierwszym wierszu.
lat lon = współrzędne
title = Tytuł (widoczny w dymku)
description = opis (w tym np zdjęcie OK - widoczne w dymku)
iconSize = rozmiar ikonki w pikselach
iconOffset = przesunięcie ikonki (normalnie, jeśli pamiętam ustawia się lewy górny narożnik)
icon = ikonka (tj ścieżka do ikonki, miniaturki widocznej na mapie)
Zatem powinno być:

Kod:

lat  lon title   description iconSize    iconOffset  icon

52.166806   21.075375  Photo    <html><a href="ssFUJIF550sample-209.JPG" target="_blank"><img src="ssFUJIF550sample-209MIN.JPG" width="180" border="1"></a><br>photo</html>    18,13    0,0    ssFUJIF550sample-209MIN.JPG

Ostatnia jest ikonka i o ile MIN w nazwie zdjęcia znaczy mniejszy to właśnie małe grafiki lepiej się wczytają.
A i jeszcze - w pliku txt ostatni wiersz musi być pusty lub inaczej - kończymy enterem.

Przykład: www.warmaz.pl

.js nie podejmę się sprawdzić Wink