여러 맵을 동적으로 생성하려고했지만 모든 것이 잘 돌아 갔지만 표시가 보이지 않는 대신 "undefined"라는 문자열이 올바른 위치에 나타납니다. 여기에 코드가 있습니다. 개체 모델Gmaps4rails 마커 그림 대신에 "undefined"라는 문자열이 표시됩니다.
def hash
hash = Gmaps4rails.build_markers(location) do |loc, marker|
marker.lat loc.latitude
marker.lng loc.longitude
marker.picture ({
:url => "http://addons.cdn.mozilla.net/img/uploads/addon_icons/13/13028-64.png",
:width => 32,
:height => 32
})
end
hash
end
커피 스크립트 코드
class RichMarkerBuilder extends Gmaps.Google.Builders.Marker
create_marker: ->
options = _.extend @marker_options(), @rich_marker_options()
@serviceObject = new RichMarker options
rich_marker_options: ->
marker = document.createElement("div")
marker.setAttribute 'class', 'marker_container'
marker.innerHTML = @args.marker
{ content: marker }
@buildMap = (markers, id)->
handler = Gmaps.build 'Google', { builders: { Marker: RichMarkerBuilder} }
handler.buildMap { provider: {}, internal: {id: id} }, ->
markers = handler.addMarkers(markers)
handler.bounds.extendWith(markers)
handler.fitMapToBounds()
에서 구현 그리고
해시 방법은
<SCRIPT TYPE="text/javascript">
$(window).on('load', function(){
buildMap(<%= raw hash.to_json%>,<%=entity.id%>);
});
</SCRIPT>
모든 마커 사진을 제외하고 괜찮 뷰에서 스크립트 호출을 포함 나는 그것을 알 수 없다. 어떤 도움을 주시면 감사하겠습니다. 감사!
는 자바 스크립트 코드 :
handler = Gmaps.build('Google');
handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
markers = handler.addMarkers([
{
"lat": 0,
"lng": 0,
"picture": {
"url": "https://addons.cdn.mozilla.net/img/uploads/addon_icons/13/13028-64.png",
"width": 36,
"height": 36
},
"infowindow": "hello!"
}
]);
handler.bounds.extendWith(markers);
handler.fitMapToBounds();
});
buildMap 기능 테스트 버전 : apneadiving으로
@buildMap = ->
handler = Gmaps.build 'Google', { builders: { Marker: RichMarkerBuilder} }
handler.buildMap { provider: {}, internal: {id: 'map'} }, ->
markers = handler.addMarkers([
{"lat": 0, "lng": 0, 'picture':{'url':'http://addons.cdn.mozilla.net/img/uploads/addon_icons/13/13028-64.png'}}
])
handler.bounds.extendWith(markers)
handler.fitMapToBounds()
마커 용으로 생성 된 json은 무엇입니까? – apneadiving
위도와 경도와 함께 너비와 높이도 그림 URL에 나타납니다. – ysholqamy
아직도 ... 제발 그것을 제공 할 수 있습니까? – apneadiving