Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
  • * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Hur man gör en Google Map Overlay

    Skapa en egen karta för din webbplats visar intressanta platser med hjälp av Google Maps overlay funktionen i Google Maps API V3 . En Google Maps overlay är en punkt eller en uppsättning punkter som sitter på toppen av en Google-karta . Till exempel , en webbplats om Barcelona , kan Spanien använda ett överlägg för att visa en push - pin markör på platsen för populära Barcelona turistattraktioner . Du definierar positionen för en överlagring med latitud och longitud på markörens plats . Eftersom overlay är knuten till en uppsättning koordinater , visar Google överlägget korrekt även om användaren zoomar in eller zoomar ut på kartan . Instruktioner
    1

    Leta skript i HTML -filen refererar Google map . Lägg överlägget koden på din karta manus .
    2

    Ange latitud och longitud för överlägget med " . LatLng " objektet . Till exempel , för att placera katedralen Sagrada Familia på Barcelona stadskarta , typ :

    var MySFCLatLng = new.google.maps.LatLng (41.403226 , 2.174821) ;
    3

    Skapa punkten på överlägget genom att använda " . Marker " funktionen . Fortsatt exempel , typ :

    var SFCMarker = new.google.maps.Marker ( { ställning : MySFCLatLng , titel : " Sagrada Familia Cathedral " } ) :
    4

    Lägg markören overlay på kartan med hjälp av " setMap " funktionen . I detta exempel , typ :

    marker.setMap ( karta ) ,
    5

    Spara filen och ladda upp till din webbserver för att testa din karta overlay . I detta exempel , bör du se en röd push-pin och etiketten " Sagrada Familia Cathedral " på plats i katedralen på en Barcelona stadskarta .

    Tidigare:

    nästa:
    relaterade artiklar
    ·Hur man gör flera markörer med Maps API
    ·Hur man skapar textbaserad webbläsare Spel
    ·Hur man använder Rullande text i Javascript
    ·Hur Koka Corned Ham
    ·Så ändrar HTML bakgrundsfärg med en prompt i Javascr…
    ·Hur du ändrar ett CSS- klass attribut med Javascript
    ·Hur räkna ner Använda JavaScript
    ·Kombination av JavaScript Snabbtangenter
    ·Hur man uppdaterar en Display Field Använda JavaScript…
    ·Hur man skapar en Heat Map
    Utvalda artiklarna
    ·Hur man öppnar en DB i Xcode
    ·Hur man går med två PHP MySQL sökningar
    ·Hur Trim Inledande och avslutande blanktecken
    ·Vad är Java Runtime Environment
    ·Hur man använder en matris för att omforma objekt i V…
    ·Ta bort en nod i Link Systems i Java
    ·Förhindra att Web Coding Sårbarheter
    ·Hur man använder filter i Struts
    ·Hur man förstör Word-dokument
    ·Om Java Virtual Machine
    Copyright © Dator Kunskap http://www.dator.xyz