Edit Question - KnowledgeHub

Title Body

i want to implement a google map based on its api. i want to add a path based on coordinates to it. therefore i get my coordinates from my model and want to iterate over the object to fille the map with this points. in my jade template i include the api js code like this: script(type='text/javascript') function initialize() { var myLatLng = new google.maps.LatLng(0, -180); var myOptions = { zoom: 3, center: myLatLng, mapTypeId: google.maps.MapTypeId.TERRAIN }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var flightPlanCoordinates = [ - if (typeof(pins) != null) - var.pins.forEach(function(pin) { new google.maps.LatLng(pin.latitude, pin.longitude), - }) new google.maps.LatLng(0,0) ]; var flightPath = new google.maps.Polyline({ path: flightPlanCoordinates, strokeColor: "#FF0000", strokeOpacity: 1.0, strokeWeight: 2 }); flightPath.setMap(map); } div#map_canvas(style='height: 500px; background-color: #990000;') the problem is: jade renders this snippet var flightPlanCoordinates = [ - if (typeof(pins) != null) - var.pins.forEach(function(pin) { new google.maps.LatLng(pin.latitude, pin.longitude), - }) new google.maps.LatLng(0,0) ]; as it is in the jade template source... the - if etc. doesn't get parsed! any ideas? thanks!

Tags (comma-separated) Cancel