Hoe voeg je een Yandex-kaart toe op de site? Instructies voor het plaatsen van de Yandex-kaart op de site

Laten we eens kijken hoe een Yandex-kaart in te voegensite, eerder gemaakt in de designer. Het invoegproces kan ongelooflijk gemakkelijk zijn, of het kan wat complexiteit dragen, afhankelijk van de schaal van uw project.

Hoe de Yandex-kaart op de site te plaatsen: de keuze is duidelijk

Als u een site voor een visitekaartje, een blog of een ongecompliceerde online winkel maakt, dan doet u dat

basiskenmerken van het bestaandedesigner. In dit geval plaatst u een Yandex-kaart in de site vanwege een speciale code die in staat is om de gebruiker die geen speciale kennis heeft. Als u de zaak met alle grondigheid benadert, kan het correcte ontwerp van het reisplan of de berekening van de prijs van levering op de door de gebruiker opgegeven bestemming de functionaliteit van de site aanzienlijk verbeteren en de bezoeker een nieuwe koper maken.

Anders, als je verder moet gaande randen van de ontwerper, plaats niet alleen de Yandex-kaart op de site, maar maak iets grandioos en onherhaalbaar. In dit geval heeft u een ervaren programmeur nodig die bekend is met het werk van JavaScripts.

Verborgen functies

Met Yandex.Mark API kun je een laag met files op je eigen site leggen

maar om een ​​dergelijk plan te implementerende mogelijkheden van de ontwerper zijn niet voldoende. Naast het opslaan van de kaarten die u hebt gemaakt, hoeft de API-ontwerper nu geen sleutel voor uw eigen site te krijgen, maar sommige CMS-extensies kunnen om deze sleutels vragen.

U kunt een dergelijke tool in een speciaal gedeelte van de site krijgen door het adres van uw bron in te voeren. Laten we echter terugkeren naar de vraag hoe je de Yandex-kaart in de site en bij de ontwerper kunt invoegen. Alles wat nodig is, is hier.

Ontwerperorganisatie

Hulpmiddelen waarmee u kunt solliciterenLabels op de kaart bevinden zich op het bovenpaneel, terwijl ze uit 4 knoppen bestaan. De eerste geeft je de mogelijkheid om een ​​label in de vorm van een grote komma te plaatsen, het kan in verschillende kleuren worden geverfd, een beschrijving geven en ook een nummer toewijzen. Het label wordt geplaatst door de activering van deze knop en door te klikken op het gewenste gebied in het diagram.

De aanduiding kan altijd worden verplaatst door links ingedrukt te houden.muisknop, of verwijderen. Voordat u een Yandex-kaart invoegt, gebruikt u de mogelijkheden en andere hulpmiddelen. Verdere aandacht wordt gegeven de mogelijkheid om "lijnen te trekken." Het is handig om de weg naar het kantoor van uw bedrijf te tonen vanaf het metrostation of de transportstop.

Teken een polygoon

De constructor bevat een ander belangrijk hulpmiddel, dat de naam 'Tekening' heeft gekregen

Polygon. " Het is noodzakelijk om met behulp van de achtergrond te markeren met de objecten of gebouwen die u op de kaart wilt markeren, ze zullen ook de hierboven beschreven routes leiden.

Het is noodzakelijk om de tool te activeren en systematisch te activerenmarkeer het hele object in de hoeken, klik vervolgens op het knooppunt en selecteer tenslotte de functie "Finish". Als gevolg hiervan verschijnt een formulier, waarin u de dikte voor de lijn van de lijn, de transparantie van de vulling en de kleur kunt instellen en een beschrijving kunt invoeren.

Laatste knop op het paneel geplaatsttools, kunt u actieve markeringen maken in de rechterbenedenhoek van het schema om de grootte te wijzigen. Bovendien, tot uw dienst, is er een keuze uit een weergavemethode uit 4 opties: folk, satelliet, hybride, schema; het formulier voor het invoeren van de exacte plaats die moet worden gemaakt; zoomtool.

Over kaarten en codes

Nadat alles is gedaanZoals hierboven beschreven, moet u het schema een naam geven en ook op de knop klikken die aangeeft dat u de code wilt opslaan en ontvangen. Biedt code om kaarten op de site van twee soorten in te voegen. De eerste optie is een interactieve kaart.

Dergelijke code wordt ingevoegd als een aanroep naar het script,Dit kan problemen voor beginners veroorzaken, maar bezoekers van uw site kunnen de weergaveoptie kiezen, over de kaart bewegen en schalen. De kaart kan perfect worden aangepast aan de grootte van uw pagina door de overeenkomstige nummers aan het einde van de code te wijzigen.

De tweede optie, een statische kaart, vertegenwoordigtis de gebruikelijke opdracht om afbeeldingen op de site in te voegen. Tijdens de installatie zullen er geen problemen zijn, maar het schema is een gewone foto die niet kan worden geschaald en verplaatst.

In de "WordPress" -insert kan de kaartcode rechtstreeks zijn,als u de Html-editor gebruikt tijdens het schrijven en bewerken van publicaties. Klik op de artikelbewerkingspagina op de functie "Scherminstellingen", die zich in de rechterbovenhoek bevindt, vink de optie "Willekeurige velden" aan. Daarna verschijnt onder het artikel een regio met dezelfde naam, waar u op het item "Nieuw invoeren" moet klikken en het ID voor de korte code (zonder spaties, in het Latijn) in het linkerdeel van het formulier moet opgeven. In het juiste gebied moet u de code invoegen die is verkregen in de ontwerper van Yandex-kaarten.

Open vervolgens het functiebestand met de naam«Functions.php». Voeg een speciale code toe na het maken van een back-up van de site. Na deze acties kan de code die is ontvangen van de ontwerper van Yandex Map worden toegevoegd aan de statische pagina of het artikel.

Als u een locatiekaart wilt makenrechtstreeks in het blogframe kan het script rechtstreeks worden ingevoegd, maar u moet wel de WordPress-themasjabloon selecteren die wordt gebruikt, zodat de kaart wordt uitgegeven op de plaats die u nodig hebt.

Kenmerken van het werken met Joomla

Om een ​​Yandex-kaart in Joomla in te voegen, zijn er verschillende opties. oplossen
de taak is mogelijk met behulp van een component en"Yandexmap" -plugin, speciale Yandex-kaarten voor Joomla, evenals oplossingen "Zh YandexMap". Als u Yandex-kaarten wilt invoegen, kunt u een willekeurige Html-codemodule gebruiken, maar moet u eerst de traditionele visuele editor uitschakelen.

Het kan na de code weer worden ingeschakeldzal worden ingevoegd. Om een ​​locatiekaart toe te voegen aan een publicatie, moet u ook de code invoegen met de visuele editor uitgeschakeld of inhoud invoegen van de module die verantwoordelijk is voor de willekeurige code met behulp van een plug-in genaamd "Module laden". De module, die de Yandex-kaartcode bevat, moet in een niet-bestaande sjabloonpositie worden geplaatst. Nu weet je het antwoord op de vraag hoe je een Yandex-kaart op de site kunt invoegen, alles bleek vrij eenvoudig te zijn. We hopen dat onze tips u zullen helpen bij het ontwikkelen van uw site.