2017-03-17 77 views
0

我正在開發谷歌地圖項目,所以我想在這裏創建服裝標記圖標我的代碼在JavaScript `window.onload = function initmap(){ var markers = <%= raw @ json.to_json%>; var icon = http://home/amarnath/Project/myCarparking/app/assets/images/001-map.svg', size:new google.maps.Size(15,20), origin:new google.maps.Point(0,0), anchor:new google.maps.Point(15/2,20/2) };如何創建服裝標記圖標欄谷歌地圖

var infoWindow = new google.maps.InfoWindow({map: map}); 
    var map = new google.maps.Map(document.getElementById("map_places")); 

    if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(position) { 
     var latitude = position.coords.latitude; 
     var longitude = position.coords.longitude; 
     var geolocpoint = new google.maps.LatLng(latitude, longitude); 
     var mapOptions = { 
     center: geolocpoint, 
     zoom: 15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById("map_places"), mapOptions); 

     var geomark = new google.maps.Marker({ 
     position: geolocpoint, 
     map: map, 
     draggable: true, 
     animation: google.maps.Animation.DROP, 
     title: 'Your geolocation', 
     icon: 'http://labs.google.com/ridefinder/images/mm_20_green.png' 
     }); 

     for (i = 0; i < markers.length; i++) { 
     var data = markers[i]; 
     var myLatlng = new google.maps.LatLng(data.lat, data.lng); 

     marker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      title: data.marker_title, 
      icon: '/home/amarnath/Project/myCarparking/app/assets/images/parking_full.png' 
     }); 

     (function (marker, data) { 
      google.maps.event.addListener(marker, "click", function (e) { 
      infoWindow.setContent(data.infowindow); 
      infoWindow.open(map, marker); 
      }); 

     })(marker, data); 
     } 
    }); 
    } 
}` 

,我得到錯誤這樣

parking_full.png:1 GET http://localhost:3000/home/amarnath/Project/myCarparking/app/assets/images/parking_full.png 404 (Not Found) 

回答

0

移動你的圖標/資產/ images文件夾,並添加以下代碼:

icon: "/assets/parking_full.png"