0
나는 루비를 사용 중이며 페이지에지도를 설정하고 있습니다. 나는 초기에 마커를 추가,하지만 내가 원하는 것은 내 @Events을 통해 루프이며, 위도와 경도 필드를 찾아 무언가를이Google지도 및 Ruby에 마커 추가
<% @event.each do |event|%>
<script type="text/javascript">
var long = <%= event.longitude %>;
var lati = <%= event.latitude %>;
addMarker(long, lati);
</script>
<% end %>
처럼 구글의 API에 익숙하지 않은,하지만 경우 기대했다 할 수 있습니다 가능했습니다.
<script type="text/javascript">
function addMarker(lat, lng) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(lat, lng),
map: map
});
}
<% @events.each do |event| %>
addMarker(<%= event.latitude %>, <%= event.longitude %>);
<% end %>
</script>
은 (이미하지 않는 경우 존재)를 addMarker 함수를 만듭니다 2 개 개의 인수를 취하는 : 나는지도 API를 여기
function initialize()
{
var lat, lon, map, myOptions;
//check if user has geo feature
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(
//get position
function(position){
lat = position.coords.latitude;
lon = position.coords.longitude;
//init map
myOptions = {
center: new google.maps.LatLng(lat, lon),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var myLatlng = new google.maps.LatLng(46.4352,-80.9455);
var marker = new google.maps.Marker({
position: myLatlng,
title:"Hello World!"
});
// To add the marker to the map, call setMap();
marker.setMap(map);
},
// if there was an error
function(error){
alert('ouch');
});
}
//case the users browser doesn't support geolocations
else
{
alert("Your browser doesn't support geolocations, please consider downloading Google Chrome");
}
}