hurtig tip: integration af nye google maps

hurtigt tip: integration af nye google maps,,,, alle nye google maps blev gjort offentligt tilgængelige for offentligheden i juli, men det er stadig en forsmag på, hvad det endelige produkt vil blive og mangler derfor et par velkendte karakteristika, f.eks. har du prøvet for at sikre en nyere google kort ind på en hjemmeside?pålidelige gamle "forbindelse" knap er forsvundet!nogle folk vil foreslå, at du vender tilbage til den gamle google maps, omfatter en iframe i den oprindelige, så skifte tilbage til de nyere kort glimt, når du er færdig.men der er en anden måde, og det er en vej, som vil hjælpe du drage fordel af de nyere, smukkere google maps, sådan her:,,, det er ikke et billede...,,,,,,, kort motor light, kort motor lite (β) er et instrument, der giver dem mulighed for at udforme og redde din egen - kort.for at gøre brug af det, er du nødt til at have en google højde og registreres i.,,,,,, så kan man offentliggøre og deler deres kort, så lad os begynde ved at klikke på "nyt":,,,,,, lad os komme ind i envato hq adresse i forsøget som et eksempel:,,,,,,, der ligger kontoret og tilføjede en markør, nu kan vi give vores kort navn ved at klikke på "unavngiven kort":,,,,,, kan vi også klik på "unavngiven lag" at give det et navn, efter som vi kan tilføje alle mulige steder, ruter og områder til vores kort.vi kan importere via fil overfører også, men i øjeblikket skal vi koncentrere os om vores fælles markør.vær sikker på, at du har lagt den søgte sted til dit kort, så du kan koncentrere sig om markør træk.,,,,,, envato hq er opført under "virksomhedsområder" lag, kan vi ændre dens farve, etiket og endog ikon.google har givet en masse personliggørelse muligheder her, så har det sjovt sammen.jeg har givet hovedkvarter en gul kontor ikon.,,,,,, en god del af nyere google maps er de forskellige temaer, klik på "base kort", og slå dig selv ud.jeg har gået til "white water":,,,,,,, ændre andel indstillinger, har gennemført vores kort, er vi nu nødt til at ændre den fælles indstillinger, så klik "dele" knap i øverste højre.,, det vil bringe en dialog, som du kan vælge at ændre synlighed dit kort fra "privat" til "offentlige".dette er nødvendigt for at sikre deres kort i en webside,,,,,,, det er gjort, klik på "mappe" ikon og udvælge "omfatter på mit websted".,,,,,, - - vil du have en html snippet, sådan her:,, < iframe src = "http://mapsengine.google.com/map/embed?mid = z-befzfo7gdm. kydiukvqpqqi "bredde =" 640 "højde = 480" > < /iframe >,, omfatter en iframe til en webside,.,,, gør dit kort væske, en sidste ting, dine kort er ikke ligefrem imødekommende i sin nuværende form.lad os slutte i en flydende element (som dem, der anvendes for flydende video inddrager), således at vi kan inddrage det i a - responsive layout.,,, vi afslutter et supplerende element i vores iframe:,, < div klasse = "flydende papir" > < iframe src = "http://mapsengine.google.com/map/embed?mid = z-befzfo7gdm. kydiukvqpqqi "bredde =" 640 "højde = 480" > < /iframe > < /div >,, så vi på posen med fyld (en væske højde ejendom vil ikke arbejde) og position inden for den iframe:,,. væske papir (holdning: relativ; polstring nederst: 56% /* 16: 9 * /højde: 0}. flydende papir iframe {holdning: absolutte, top: 0; tilbage: 0; bredde: 100%, højde: 100% grænse: ingen;}, denne polstring af 56,25% giver vores container en 16: 9 - forhold, noget, der er værd at tage hensyn til video, men du kan lave dine google kort rektangel, uanset størrelse, du ønsker,.,,, konklusion, det er det!død så enkelt, men en af de nyttige lille opgaver, som er blevet midlertidigt akavet, mens google gør overgangen til det nye kort,.,, ps) fangede du den seneste google maps street view trek af pigen á pagos øer?det er turen værd... og lære mere om   google maps   på tuts +, hvordan at tilføje mærkevarer filial steder at google maps, være kreativ med google maps api, tilføje en smule realisme til dine google maps, imødekommende, retinafied google kort billeder,,,

gm-map-engine-lite
gm-new-map
gm-search
gm-title
gm-layer
gm-icon
gm-themes
gm-public
gm-embed



Previous:
Next Page: