GoldenLine
Zaloguj się

konto usunięte

Temat: Google styled map + WordPress

Cześć,

Chciałbym umieścić na stronie WordPress mapkę Google edytowaną przy pomocy tego generatora.
http://gmaps-samples-v3.googlecode.com/svn/trunk/style...

Gdzie w strukturze WP należy umieścić kod wygenerowany w tym edytorze?

Z góry dziękuję za podpowiedzi.
Link do wypowiedziLink
Konrad Karpieszuk

Konrad Karpieszuk WordPress Plugin
Compatibility
Assurance for WPML

Temat: Google styled map + WordPress

zakladam ze mape chcesz umiescic w tresci jakiegos wpisu lub tresci strony?

1. stwórz sobie shortcode, mniej wiecej tak (dopisz to do functions.php skórki):



add_shortcode('mojamapa', 'mojamapa');



function mojamapa() {

$kod = <<<'BLOK'

// te linijke wykasuj i wstaw tu kod swojej mapy, moze miec kilka linijek

BLOK;

return $kod;

}


2. w poście lub na stronie w tresci gdzie chcesz mieć mapę wstaw:



[mojamapa]
Link do wypowiedziLink
Mateusz Komarnicki

Mateusz Komarnicki

Temat: Google styled map + WordPress

http://www.goldenline.pl/forum/3350966/google-styled-m...
Link do wypowiedziLink

konto usunięte

Temat: Google styled map + WordPress

Cześć, dziękuję za podpowiedzi.
Może spróbuję jeszcze inaczej zadać pytanie.

Taki kod uzyskuję w edytorze Google Styled Map. Przykładowo.


[ { "featureType": "poi.business", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi.government", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi.medical", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi.place_of_worship", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi.school", "stylers": [ { "visibility": "off" } ] },{ } ]


Taki kod z Google Maps umieściłem w zwykłej stronie WordPress. Przykładowo.


<iframe width="610" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.pl/maps?f=q&source=s_q&hl=en&geocode=&q=Boles%C5%82awa+Krzywoustego+19B%2F44,+Gdansk&aq=0&oq=Gda%C5%84sk,+Krzywoustego+19B%2F44&sll=54.361087,18.690027&sspn=0.318873,0.617294&ie=UTF8&hq=&hnear=Boles%C5%82awa+Krzywoustego+19,+Gda%C5%84sk,+pomorskie&t=m&ll=54.414535,18.579683&spn=0.014984,0.052271&z=14&output=embed"></iframe>


Fragment <iframe> odpowiada za lokalizację, przybliżenie i rozmiary mapy.
Fragment z Google Styled Maps odpowiada za kolorystykę i włączone warstwy.

Czy można połączyć jedno z drugim?
Czy w ogóle zupełnie inaczej? :)

Nie bardzo rozumiem ten fragment instrukcji.
"When you are happy with your Styled Map, click the Show JSON button to display the JSON object to pass to the style property of your MapOptions object in order to apply the style to a Maps API v3 Map."Ten post został edytowany przez Autora dnia 27.09.13 o godzinie 18:24
Link do wypowiedziLink
Mateusz Komarnicki

Mateusz Komarnicki

Temat: Google styled map + WordPress

Tutaj masz przykład a'la Hello World: https://developers.google.com/maps/documentation/javasc...

Czyli: jak osadzić, jak ostylować oraz jak zmodyfikować (funkcja initialize()). Oraz: https://developers.google.com/maps/documentation/javasc...

Pokaże Ci ciekawy efekt takiej ostylowanej mapy: http://www.burocratik.com/contacts/ + supersized: http://slick.pl/contact/

W obu przypadkach podejrzyj sobie źródło...
Link do wypowiedziLink

konto usunięte

Temat: Google styled map + WordPress

Konrad K.:

Tak chcę umieścić ostylowaną mapę w treści strony.
Dokładnie tutaj, zamiast zwykłej mapy.
http://www.archdetail.pl/kontakt/

Wiem, że można kupić plugin za 15 dolców, ale wolałbym już wiedzieć, jak to się robi.
http://codecanyon.net/item/responsive-styled-google-ma...

Udało mi się dodać nowy shortcode. :)
Motyw, z którego korzystam ma oddzielny folder "theme_shortcodes" i tam dodałem nowy shortcode w pliku "html.php". Działa, ale już w tym momencie się zmęczyłem. :)

Załóżmy, że chciałbym umieścić na stronie mapę z tego przykładu.
https://developers.google.com/maps/documentation/javasc...

Przyznam, że nadal nie mam pojęcia, jak i gdzie umieścić te kody.
Jak przeklejam to na żywca, jako shortcode, to pojawiają się błędy w miejscu, gdzie jest tag "var".

Dzięki, jeżeli w ogóle chciało Wam się czytać.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj