YOGA MAP
Some Results
All these examples have been created in the Yoga Map Customizator
Try create a custom map

Dark grayish blue

View source

Paste the following code into your page, to the place where you want to place the map


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Blue water Style

View source

Paste the following code into your page, to the place where you want to place the map


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Dark moderate orange Style

View source

Paste the following code into your page, to the place where you want to place the map


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Ultra Light Style

View source

Paste the following code into your page, to the place where you want to place the map
Unused parameters can be removed from the code


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Soft orange Style

View source

Paste the following code into your page, to the place where you want to place the map


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Blue Night Style

View source

Paste the following code into your page, to the place where you want to place the map
Image of marker may be in png or base64


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Slightly desaturated orange Style

View source

Paste the following code into your page, to the place where you want to place the map


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Dark blue power Style

View source

Paste the following code into your page, to the place where you want to place the map
Image of marker may be in png or base64


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Slightly desaturated cyan Style

View source

Paste the following code into your page, to the place where you want to place the map


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Purple power Style

View source

Paste the following code into your page, to the place where you want to place the map
Image of marker may be in png or base64


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Unsaturated Browns Style

View source

Paste the following code into your page, to the place where you want to place the map


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Subtle Grayscale Style

View source

Paste the following code into your page, to the place where you want to place the map


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Shades gray Style

View source

Paste the following code into your page, to the place where you want to place the map
Image of marker may be in png or base64


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->

Light Monochrome Style

View source

Paste the following code into your page, to the place where you want to place the map
Unused parameters can be removed from the code


<!-- //////////////////////////////////////// -->
<!-- //////// Start instalation code //////// -->
<!-- //////////////////////////////////////// -->

<!-- //// If in your site is already install "jquery", the second time it is not necessary to do //// -->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- //// Main YogaMap plugin files //// -->
<script src="js/jquery.yogamap.js"></script>
<link rel="stylesheet" href="css/yogamap.css">

<!-- //////////////////////////////////////// --> <!-- ///////// End instalation code ///////// --> <!-- //////////////////////////////////////// -->
Try create a custom map