Google maps API – nastavení vlastního pointeru

verified

(50 hodnocení)

1. 12. 2015 21:02:47

Dobrý den,

mohl bych poprosit někoho kdo se dobře vyzná google maps api o radu, jak správně nastavit URL adresu vlastního pointeru místo klasického defaultního.

V javascriptu používám tent kód:

function googleMaps() {
    var map;
    var bounds = new google.maps.LatLngBounds();
    var mapOptions = {
        zoom: 10,
        draggable: false,
        panControl: false,
        zoomControl: true,
        mapTypeControl: false,
        scaleControl: false,
        streetViewControl: false,
        overviewMapControl: false,
        scrollwheel: false,
        center: position,
        mapTypeId: 'roadmap'
    };
                    
    // Display a map on the page
    map = new google.maps.Map(document.getElementById("map-box"), mapOptions);
    map.setTilt(45);
        
    // Multiple Markers
    var markers = ,
        
    ];
                        
    // Info Window Content
    var infoWindowContent = ,
        
    ];
        
    // Display multiple markers on a map
    var infoWindow = new google.maps.InfoWindow(), marker, i;
    
    // Loop through our array of markers & place each one on the map  
    for( i = 0; i < markers.length; i++ ) {
        var position = new google.maps.LatLng(markers<span style="font-style:italic;">, markers<span style="font-style:italic;">);
        bounds.extend(position);
        marker = new google.maps.Marker({
            position: position,
            map: map,
            title: markers<span style="font-style:italic;">
        });
        
        // Allow each marker to have an info window    
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
                infoWindow.setContent(infoWindowContent<span style="font-style:italic;">);
                infoWindow.open(map, marker);
            }
        })(marker, i));

// Automatically center the map fitting all markers on the screen
        map.fitBounds(bounds);
    }

// Override our map zoom level once our fitBounds function runs (Make sure it only runs once)
    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {
        this.setZoom(12);
        google.maps.event.removeListener(boundsListener);
    });
    
}

V původním kódu viz. níže jsem pointer dokázal nastavit, ale v předchozí verzi kde zobrazuji dva pointery už bohužel ne :-(

Poradili byste mi prosím?

Předem všem moc děkuji za pomoc.

1. 12. 2015 21:02:47

https://webtrh.cz/diskuse/google-maps-api-nastaveni-vlastniho-pointeru/#reply1156569

verified

(14 hodnocení)

1. 12. 2015 23:42:58

A co takto? Netestoval jsem

function googleMaps() {    var map;    var bounds = new google.maps.LatLngBounds();    var mapOptions = {        zoom: 10,        draggable: false,        panControl: false,        zoomControl: true,        mapTypeControl: false,        scaleControl: false,        streetViewControl: false,        overviewMapControl: false,        scrollwheel: false,        center: position,        mapTypeId: 'roadmap'    };  //Define point   var point = new google.maps.MarkerImage("http://www.urladresa.cz/pointer.png", new google.maps.Size(61, 95), new google.maps.Point(0,0), new google.maps.Point(30, 37));                        // Display a map on the page    map = new google.maps.Map(document.getElementById("map-box"), mapOptions);    map.setTilt(45);            // Multiple Markers    var markers = ,            ];                            // Info Window Content    var infoWindowContent = ,            ];            // Display multiple markers on a map    var infoWindow = new google.maps.InfoWindow(), marker, i;        // Loop through our array of markers & place each one on the map      for( i = 0; i < markers.length; i++ ) {        var position = new google.maps.LatLng(markers<span style="font-style:italic;">, markers<span style="font-style:italic;">);        bounds.extend(position);        marker = new google.maps.Marker({            position: position,            map: map,            icon: point,//set point            title: markers<span style="font-style:italic;">        });                // Allow each marker to have an info window            google.maps.event.addListener(marker, 'click', (function(marker, i) {            return function() {                infoWindow.setContent(infoWindowContent<span style="font-style:italic;">);                infoWindow.open(map, marker);            }        })(marker, i));        // Automatically center the map fitting all markers on the screen        map.fitBounds(bounds);    }    // Override our map zoom level once our fitBounds function runs (Make sure it only runs once)    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {        this.setZoom(12);        google.maps.event.removeListener(boundsListener);    });    }

1. 12. 2015 23:42:58

https://webtrh.cz/diskuse/google-maps-api-nastaveni-vlastniho-pointeru/#reply1156568

verified

(50 hodnocení)

2. 12. 2015 07:50:10

Moc děkuji. Funguje to!!

Myslíte, že by šlo udělat ještě to abych každé adrese mohl přidat vlastní pointer - Sídlo společnosti, Kancelář společnosti

2. 12. 2015 07:50:10

https://webtrh.cz/diskuse/google-maps-api-nastaveni-vlastniho-pointeru/#reply1156567

verified

(14 hodnocení)

2. 12. 2015 08:10:06

function googleMaps() {    var map;    var bounds = new google.maps.LatLngBounds();    var mapOptions = {        zoom: 10,        draggable: false,        panControl: false,        zoomControl: true,        mapTypeControl: false,        scaleControl: false,        streetViewControl: false,        overviewMapControl: false,        scrollwheel: false,        center: position,        mapTypeId: 'roadmap'    };  //Define point   var points = ;                        // Display a map on the page    map = new google.maps.Map(document.getElementById("map-box"), mapOptions);    map.setTilt(45);            // Multiple Markers    var markers = ,            ];                            // Info Window Content    var infoWindowContent = ,            ];            // Display multiple markers on a map    var infoWindow = new google.maps.InfoWindow(), marker, i;        // Loop through our array of markers & place each one on the map      for( i = 0; i < markers.length; i++ ) {        var position = new google.maps.LatLng(markers<span style="font-style:italic;">, markers<span style="font-style:italic;">);        bounds.extend(position);        marker = new google.maps.Marker({            position: position,            map: map,            icon: points<span style="font-style:italic;">,//set point            title: markers<span style="font-style:italic;">        });                // Allow each marker to have an info window            google.maps.event.addListener(marker, 'click', (function(marker, i) {            return function() {                infoWindow.setContent(infoWindowContent<span style="font-style:italic;">);                infoWindow.open(map, marker);            }        })(marker, i));        // Automatically center the map fitting all markers on the screen        map.fitBounds(bounds);    }    // Override our map zoom level once our fitBounds function runs (Make sure it only runs once)    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {        this.setZoom(12);        google.maps.event.removeListener(boundsListener);    });    }

2. 12. 2015 08:10:06

https://webtrh.cz/diskuse/google-maps-api-nastaveni-vlastniho-pointeru/#reply1156566

Pro odpověď se přihlašte.

Prodej Více

Prodej webu audiny.cz

5 000 Kč

0 příhozů

Adult Inzerce – pro pracující dívky

9 900 Kč

0 příhozů

Kreativní Omalovánky – prodej digitálních produktů

20 000 Kč

0 příhozů

WatchOnlineBuy.com – Váš kompletní online obchod připraven k použití

200 €

0 příhozů

💸 Srovnavač půjček abpujcky.cz

50 000 Kč

0 příhozů

Poptávky Více

Hledám grafika na úpravu hotového webu

Hledám někoho na správu kampaní FB, Google, grafiku a případně i úpravy webových stránek ve WP (elementor, divi)

Hledám grafika na tvorbu reklamního banneru

Koupím affiliate web, generující příjem

Redesign wordpress webu

Pracovní nabídky Více

VBA, MS Access expert (call on TUESDAY 17. 12., 1000 CZK – 3000 CZK for call)

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

1 000 - 3 000 Kč

Systémový Administrátor

Software Architect

Hledáme React Native vývojáře na externí spolupráci

Práce z domu, Praha

Python developer

130 000 - 150 000 Kč

Nabídky Více

🔥Programování (Symfony, Node.js, React), Grafika, Soc. Sítě | 350Kč/h

Nabídka na copywriting služby

Inzerce v novinách Nefrit na rok 2025 pro Zlínský kraj

⭐ Akce: napsání 5⭐ pozitivních recenzí pro Vaší firmu/eshop ❗ Pouze za 140Kč/recenze ❗

ŠÉFREDAKTORKA.CZ – Copywriting a obsah na míru