Eigenes Logo in google Maps einbauen und diese in die Webseite einbinden ?

BlackBoSs · 21.09.2013

Hallo Leute,

Wie kann ich in Google Maps mein eigenes Geschäftslogo z.B. einbauen in die Live-Map wo man hin und her herumscrollen kann aber das Logo ist genau dort platziert wo sich mein Geschäft befindet ??

magicsepp · 22.09.2013

AW: Eigenes Logo in google Maps einbauen und diese in die Webseite einbinden ?

das eigene Bild kann als sogenannter Marker mit den Geodaten im Code eingebaut werden
hier ist eine Beschreibung zu finden

BlackBoSs · 22.09.2013

AW: Eigenes Logo in google Maps einbauen und diese in die Webseite einbinden ?

Sehr gut, genau das wonach ich gesucht habe.

Hab es aber leider nicht einbauen können, da ich nicht weiß wo der Map-URL hinkommt?

Den Code alleine einfügen lässt nichts zeigen..

magicsepp · 22.09.2013

AW: Eigenes Logo in google Maps einbauen und diese in die Webseite einbinden ?

da ist doch am Ende ein Beispiel Ergebnis...
falls es um den Kartenausschnitt geht der jist hier geocodet:

Code:

map.setCenter(new GLatLng(47.8284212,12.2523896)

BlackBoSs · 23.09.2013

AW: Eigenes Logo in google Maps einbauen und diese in die Webseite einbinden ?

magicsepp schrieb:
da ist doch am Ende ein Beispiel Ergebnis...
falls es um den Kartenausschnitt geht der jist hier geocodet:

Code:

map.setCenter(new GLatLng(47.8284212,12.2523896)

Achso .. muss diesen javascript code unterhalb des Google Maps URL einfügen .. hab ich zumindest beim Demobeispiel im Quelltext gesehen.

noku · 10.05.2015

Map und Logo einbinden funktioniert bei mir einwandfrei (s.u.)
aber das Logo ist immer im Kartenbereich zentriert. Wie kann man erreichen, dass ein anderer Kartenausschnitt angezeigt wird, so dass das Logo z.B. oben rechts auf dem Kartenausschnitt sitzt?

--------

Code:

<style type="text/css">
  #karte { width: 850px; height: 525px;}
</style>

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

        <div id="karte"></div>

    <script type="text/javascript">
        function initialize() {
         var latlng = new google.maps.LatLng(37.634570, -4.947291);
         var myOptions = {
           zoom: 15,
           center: latlng,
           mapTypeId: google.maps.MapTypeId.ROADMAP
         };
         var map = new google.maps.Map(document.getElementById("karte"), myOptions);
         var marker = new google.maps.Marker({
             position: latlng,
             map: map,
             title: "test",
                icon: new google.maps.MarkerImage(
                    'pin.gif',
                    new google.maps.Size(42, 43),
                    new google.maps.Point(0, 0),
                    new google.maps.Point(0, 0)
                )
        });
        }
    </script>
        <body onload="initialize()">