javascript Yandex.Maps路由与geo

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript Yandex.Maps路由与geo相关的知识,希望对你有一定的参考价值。

$(document).ready(function() {
    
	var kf_map = $('#route');
	var lat = kf_map.data('lat');
	var lng = kf_map.data('lng');
	
    function init(){ 
        // Создание карты.    
		var objectPosition = [lat, lng]
		
        var myMap = new ymaps.Map("cntmap", {
            center: objectPosition,
            zoom: 18,
			controls: [],
        });
		
		var myPlacemark = new ymaps.Placemark([lat, lng], {
			hintContent: 'г. Краснодар, Рашпилевская , 44.',
			balloonContent: 'г. Краснодар, Рашпилевская , 44.',
		});
            
		myMap.geoObjects.add(myPlacemark);

		
		$('.cs1_map_buttons button').click(function(){
			var btn = $(this);
			

			
			ymaps.geolocation.get({
				provider: 'browser',
				autoReverseGeocode: true
			}).then(function (result) {
				var userPosition = result.geoObjects.get(0).geometry.getCoordinates();
				//var userPosition = [45.149425, 39.044189];
				var routePoints = [userPosition, objectPosition];
				
				var mapRoute = new ymaps.multiRouter.MultiRoute({
					referencePoints: routePoints,
					params: {
						routingMode: btn.data('route'),
						results: 3
					}
				}, {
					boundsAutoApply: true
				});
				myMap.geoObjects.removeAll();
				myMap.geoObjects.add(mapRoute);
			});
		});
		
	
    }
	ymaps.ready(init);
});

以上是关于javascript Yandex.Maps路由与geo的主要内容,如果未能解决你的问题,请参考以下文章

markdown ВывестиобъектынакартеYandex.Maps

javascript 应用程序与路由

使用 javascript 将路由值传递给 Html.BeginForm

Node.js:常用工具路由

路由与控制器

HTML中列表收起与展开