14 berichten aan het bekijken - 1 tot 14 (van in totaal 14)
  • Q:
    Bijdrager
    ellensquarebear

    Kaartje google maps in dreamweaver

    Goedemiddag,

    Sinds kort heb ik er een stevige opleiding HTML, CSS en Dreamweaver opzitten.
    Opzicht leer je daar niet alles in maar het meeste vogel je dan zelf wel uit.

    Echter zou ik graag op mijn pagina een kaartje tonen bij de contactgegevens.
    Ik heb hiervoor geen code geschreven maar eentje overgenomen.
    Op de correcte plaats ingegeven en uiteraard zie ik het kaartje nu op de website.
    Natuurlijk niet met ons adres erin..

    Ik kom er niet helemaal uit wat ik nu wel/niet kan aanpassen om het kaartje nog steeds te laten functioneren maar dan wel het correcte adres weer te geven.

    Dit is de code :
    <!– Map –>
    <script type=”text/javascript” src=”https://maps.google.com/maps/api/js?sensor=true&#8221; /></script>
    <script type=”text/javascript”>
    function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById(“map_canvas”),
    myOptions);
    }
    </script>

    <div id=”map_canvas”></div>
    <!– ENDS Map –>

    Het is vast simpel, of een kwestie via de link te veranderen?
    Maar om de een of andere reden lukt het niet!

    Alvast bedankt

    Bijdrager
    jelmerkoppelmans

    Je moet, lijkt me, de LaTLng veranderen naar de correcte positiegegevens.

    Bijdrager
    tarun

    Mooie omgeving hoor die “-34.397, 150.644”. Bos in de buurt van Sydney.

    Geblokkeerd
    Anoniem

    Ga naar googlemaps> type adres in. > juiste hoogte instellen > klik op link(links boven in naast mijn plaatsen, en print knopje).
    Kopieer het “HTML in website plakken”.

    En dan plakken in de html code.

    https://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=zaailand+34,+leeuwarden&sll=51.992171,4.494086&sspn=1.03169,2.389526&t=h&ie=UTF8&hq=&hnear=Zaailand+34,+8911+BL+Leeuwarden,+Friesland&ll=53.199734,5.789699&spn=0.00196,0.004667&z=14&output=embed”></iframe><br /><small>Grotere kaart weergeven</small>
    " target="_blank" rel="nofollow">
    <iframe width=”425″ height=”350″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”https://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=zaailand+34,+leeuwarden&sll=51.992171,4.494086&sspn=1.03169,2.389526&t=h&ie=UTF8&hq=&hnear=Zaailand+34,+8911+BL+Leeuwarden,+Friesland&ll=53.199734,5.789699&spn=0.00196,0.004667&z=14&output=embed”></iframe><br /><small>Grotere kaart weergeven</small>

    Bijdrager
    ellensquarebear

    Super, bedankt!(y)

    Sleutelbeheerder
    Night

    In de vernieuwde versie van Google Maps gaat het wat makkelijker, maar ook daar kun je de (standaard HTML) code gewoon kopiëren.

    Maaruh,

    Ik zie dat jij van de Javascript API gebruik maakt. Lees dan even deze intro door van Google zelf:
    https://developers.google.com/maps/documentation/javascript/?hl=nl

    Geblokkeerd
    Anoniem

    waarom met javascript moeilijk doen als je simpel iframe erin kan gooien :)?

    Bijdrager
    Shmoo

    Ik zou er zo wel 3 kunnen bedenken:)

    1) iframe hack gevoeliger
    2) nieuwe systeem meer opties
    3) oude systeem heeft altijd minstens een extra aanpassing nodig om responsive te zijn

    Geblokkeerd
    Anoniem

    Heel goede argumenten. Kan ik mee inkomen.
    Alleen ja wanneer is er voor laatst op jouw site een iframe gehackt? En niet iedereen heeft meer opties nodig. Laat staan responsive.
    We hebben het hier over iemand die websites probeer te maken zonder code te kennen.
    en een simpel website in elkaar wil zetten.

    Bijdrager
    KarelWillem

    Had ik toch begrepen dat hij juist wél de code wil kennen.:)

    …Sinds kort heb ik er een stevige opleiding HTML, CSS en Dreamweaver opzitten…

    Bijdrager
    Shmoo

    Precies, als ik me goed kan herinneren vroeg ze de vorige keer zelfs hoe en waar je dit het beste kon leren.

    Kortom ik denk dat het in haar geval beter is dat ze zich direct op het nieuwe stort en zich niet bezig gaat houden met oude techieken.
    Een klant die bijv. 100% support wilt voor alles dat je maar kunt bedenken ( denk aan overheden ) die komen toch niet zo vaak aanzetten bij de startende ondernemers omdat ze over het algemeen te weinig ervaring hebben.

    Als ik dit soort titels lees dan denk ik maar aan 1 ding. Optimaliseren voor mobiel waar nog steeds elk jaar serieuze groei in zit en niet voor oude browsers die ooit ophouden te bestaan.
    IE8 is Going the Way of the Dodo, So Why Support a Dying Species?
    Over 40% of Emails are Opened on a Mobile Device

    Bijdrager
    Wyodor

    Responsive google kaartje + ander spul :

    http://wyodor.byethost8.com/includes/antarctica.html

    Op een iPad bij elkaar getypt.

    Ik geef grif toe, lang niet zoals het hoort. Maar ik ben dan ook geen professional zoals de anderen in dit topic.

    Bijdrager
    Shmoo

    Alleen een kleine opmerking.

    Waarom die inline css op de image tag: style=”max-width: 300px; max-height: 153px;”

    Dat is toch nergens voor nodig.
    Als die afbeelding maar max. 300px breed mag worden dan maak je hem toch gewoon 300px breed in een foto-editor dan zal deze nooit breder worden dan 300px totdat jij daar opdracht toe geeft.

    Het enige dat je nodig hebt is dit in je CSS:
    img { max-width: 100%; height: auto; }

    En dit als je alle embeds wilt laten schalen.
    img, object, embed { max-width: 100%; height: auto; }

    Je doet nu namelijk iets heel raars, #left is de linker content kolom die je 70% breed laat zijn van de totale content breedte. Prima. Maar daarna zeg je #left img { width: 75%; }
    Dus elke image binnen die #left content kolom moet 75% van die content breedte worden en dan als klap op de vuurijl zeg je via bovenstaande inline-css nee wordt maar geen 75% breedt maar toch 300px.

    Dat klopt niet helemaal en zou ik nog eens naar kijken.

    Bijdrager
    Wyodor

    Je hebt goed opgelet. Alles volgens de voorschriften.

    http://stackoverflow.com/questions/12044801/responsive-web-design-and-resizing-images

    Ik doe 75% om de doodeenvoudige reden omdat ik dat wil.

    En die stijl is om deze reden :

    http://wyodor.byethost8.com/includes/Home.html

    Ongetwijfeld zal er een methode zijn hoe het wel moet. Ik zal er eens naar zoeken.

    Ondertussen heb ik zelf een oplossing bedacht.

14 berichten aan het bekijken - 1 tot 14 (van in totaal 14)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.