Ocena wątku:
  • 0 Głosów - 0 Średnio
  • 1
  • 2
  • 3
  • 4
  • 5
OPEN LAYER Punkty POI
31-01-2012, 14:53, (Ten post był ostatnio modyfikowany: 01-02-2012, 11:11 {2} przez BIMSON.)
#1
OPEN LAYER Punkty POI
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
31-01-2012, 16:40,
#2
RE: OPEN LAYER Punkty POI
Podaj link do Twojego działającego przykładu. Sprawdź ścieżki do zdjęć.
01-02-2012, 11:13,
#3
RE: OPEN LAYER Punkty POI
(31-01-2012, 16:40)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
09-03-2012, 02:30,
#4
Smile  RE: OPEN LAYER Punkty POI
(01-02-2012, 11:13)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


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [OPEN LAYERS] Wczytywanie danych z MySQL BIMSON 12 67 867 10-02-2012, 10:59
Ostatni post: BIMSON

Skocz do: