Google지도에서 두 지점 사이에 곡선을 그려야합니다.
jQuery로 그리는 방법?
이 코드는 원 포인트입니다. Google지도에서 2 점으로 변경하고 두 점 사이에 곡선을 그리는 방법은 무엇입니까?
내 코드는 다음과 같습니다.
if ($('#map-canvas-airport').length) {
var map,
service;
jQuery(function($) {
$(document).ready(function() {
var lat = $('#airport-map').data('google-lat');
var lng = $('#airport-map').data('google-lng');
var latlng = new google.maps.LatLng(lat, lng);
var myOptions = {
zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false
};
map = new google.maps.Map(document.getElementById("map-canvas-airport"), myOptions);
var marker = new google.maps.Marker({
position: latlng,
map: map
});
marker.setMap(map);
$('a[href="#google-map-tab"]').on('shown.bs.tab', function(e) {
google.maps.event.trigger(map, 'resize');
map.setCenter(latlng);
});
});
});
}
HTML에서 :
<div class="tab-pane fade" id="airport-map" data-google-lat="{{ $iata -> lat }}" data-google-lng="{{ $iata -> lng }}">
<div id="map-canvas-airport" style="width:100%; height:500px;"></div>
</div>
Google 문서에서 :
var map = new google.maps.Map(...); // init the map
var lineCoordinates = [
{lat: 1, lng: 1},
{lat: 2, lng: 2},
{lat: 3, lng: 3},
{lat: 4, lng: 4}
];
var linePath = new google.maps.Polyline({
path: lineCoordinates,
geodesic: true,
strokeColor: '#FF0000'
});
linePath.setMap(map);
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다