Skip to content

Instantly share code, notes, and snippets.

@cergey-obr

cergey-obr/yamap_1_1.html

Last active January 6, 2018 18:38
Show Gist options
  • Save cergey-obr/eeec7d23095b9c8c7614b37959527726 to your computer and use it in GitHub Desktop.
Save cergey-obr/eeec7d23095b9c8c7614b37959527726 to your computer and use it in GitHub Desktop.
Download ZIP
polyline from base64
Raw
yamap_1_1.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Примеры. Создание ломаной из закодированных вершин.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://api-maps.yandex.ru/1.1/index.xml" type="text/javascript"></script>
<script type="text/javascript">
YMaps.jQuery(function () {
var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
map.setCenter(new YMaps.GeoPoint(37.591298, 55.734172), 16);
var style = new YMaps.Style();
style.lineStyle = new YMaps.LineStyle();
style.lineStyle.strokeColor = "00add0";
style.lineStyle.strokeWidth = 6;
var polyline = YMaps.Polyline.fromEncodedPoints("gMPJAYDw-gJAQg8AQEIPAEBCDwBAQg8A", "AAA");
polyline.setStyle(style);
map.addOverlay(polyline);
})
</script>
</head>
<body>
<div id="YMapsID" style="width:600px;height:400px"></div>
</body>
</html>
Raw
yamap_2_1.js
(function($){
jQuery.fn.yandexMap = function(){
ymaps.ready(function() {
var map = new ymaps.Map('map-container', {
center: [55.753198, 37.621727],
controls: ['zoomControl'],
zoom: 9
});
map.behaviors.disable('scrollZoom');
var base64Coords = "gMPJAYDw-gJAQg8AQEIPAEBCDwBAQg8A";
var geometry = ymaps.geometry.LineString.fromEncodedCoordinates(base64Coords);
var polyline = new ymaps.Polyline(geometry, {}, {
strokeColor: '#00add0',
strokeWidth: 6
});
map.geoObjects.add(polyline);
});
};
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment