Keresés

Aktív témák

  • bazsika33

    csendes tag

    válasz floatr #6 üzenetére

    Igen, ez valóban nem szerencsés. Nincs is szükség arra a html-ben...

  • bazsika33

    csendes tag

    válasz floatr #4 üzenetére

    Az a gondom h van közel 100 markerem és jó lenne ha a térkép center-ét a html-ben tudnám megadni (tehát a Fehérház html-en a Fehérház marker-je legyen a térképem központja). A js-be alapból meg kell vmi center-t adni (és így minden html-ben ugyanaz lesz a center - még akkor is ha a center-t a html-ben is megadom...).
    Bocsánat, kicsit láma vagyok ehhez a témához. Ami eddig van azt is hetek alatt sikerült összehoznom. De legalább ismerkedem a témával......

    Tehát tömören a kódok:

    ---------- HTML ----------
    <script>
    function initialize() {
    var mapOptions = {
    zoom: 13,
    center: new google.maps.LatLng(20.805121,20.436148),
    mapTypeId: google.maps.MapTypeId.NORMAL
    };

    var map = new google.maps.Map(document.getElementById('map-canvas'),
    mapOptions);
    }

    function loadScript() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
    'callback=initialize';
    document.body.appendChild(script);
    }

    window.onload = loadScript;

    </script>

    ---------- JS ----------
    var map;
    var marker;
    var icon;
    var image;
    var link;
    var to_html;
    var from_html;
    var infowindow;
    function initialize() {
    var mapOptions = {
    center: new google.maps.LatLng(10.777916,10.270348),
    zoom: 13,
    mapTypeId: google.maps.MapTypeId.NORMAL,

    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
    mapOptions);

    // -------------- MARKER 1

    var myLatlng = new google.maps.LatLng(0.805121,0.436148);
    var marker1 = new google.maps.Marker({
    position: myLatlng,
    map: map,
    icon: new google.maps.MarkerImage('../img/b.png'),
    tooltip: '...'
    });

    var tooltip1 = new Tooltip({map: map}, marker1);
    tooltip1.bindTo("text", marker1, "tooltip");
    google.maps.event.addListener(marker1, 'mouseover', function() {
    tooltip1.addTip();
    tooltip1.getPos2(marker1.getPosition());
    });
    google.maps.event.addListener(marker1, 'click', function() {
    map.setCenter(this.getPosition());
    map.setZoom(15);
    window.location.href = marker.url;
    });

    google.maps.event.addListener(marker1, 'mouseout', function() {
    tooltip1.removeTip();
    });
    // -------- END OF 1st MARKER

    // -------------- MARKER 2

    var myLatlng = new google.maps.LatLng(1.883236,1.443302);
    var marker2 = new google.maps.Marker({
    position: myLatlng,
    map: map,
    icon: new google.maps.MarkerImage('../img/c.png'),
    tooltip: '...'
    });

    var tooltip2 = new Tooltip({map: map}, marker2);
    tooltip2.bindTo("text", marker2, "tooltip");
    google.maps.event.addListener(marker2, 'mouseover', function() {
    tooltip2.addTip();
    tooltip2.getPos2(marker2.getPosition());
    });

    google.maps.event.addListener(marker2, 'mouseout', function() {
    tooltip2.removeTip();
    });
    // -------- END OF 2nd MARKER
    }

  • bazsika33

    csendes tag

    válasz floatr #2 üzenetére

    Igen, ez így jól hangzik.
    Nem akartam bemásolni ez egész js-t és a html-t. Valójában nem értek ehhez, de már csak az a problémám maradt h jó lenne ha a html-ben tudnám megadni a térkép 'center marker'-jét. (a js-ben van közel 100 marker-em)

  • bazsika33

    csendes tag

    Hello,

    Van 1 html-em és hozzá egy js. Utóbbi tartalmazza a pontjaimat és ezt:
    var mapOptions = {
    center: new google.maps.LatLng(20.754396,20.279948),
    zoom: 13,
    mapTypeId: google.maps.MapTypeId.NORMAL,

    A térképet több oldalon is megjelentetném, így azt szeretném h a térkép center-jét a html-ben lehessen beállítani. Hogy tudnám ezt megoldani?
    (Ugyanez a kód benne van a html-ben is, de a js centerje a meghatározó:
    var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
    var mapOptions = {
    zoom: 13,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.NORMAL)

    Köszönöm a segítséget!

Aktív témák