À l'aide de Rasoir dans JavaScript

Utiliser le <text> pseudo-élément, comme décrit ici, à force de le Rasoir compilateur de retour en mode de contenu:

<script type="text/javascript">

    //Some JavaScript code here to display map, etc.


    //Now add markers
    @foreach (var item in Model) {
        <text>
            var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude));
            var title = '@(Model.Title)';
            var description = '@(Model.Description)';
            var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>'

            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            var marker = new google.maps.Marker({
                position: latLng,
                title: title,
                map: map,
                draggable: false
            });

            google.maps.event.addListener(marker, 'click', function () {
                infowindow.open(map, marker);
            });
        </text>
    }
</script>

Mise à jour:

Scott Guthrie a récemment posté sur @: syntaxe de Rasoir, ce qui est un peu moins maladroit que la <text> tag si vous avez juste une ou deux lignes de code JavaScript à ajouter. L'approche suivante serait probablement préférable, car elle réduit la taille du fichier HTML généré. (Vous pouvez même déplacer le addMarker fonction statique, la mise en cache des fichiers JavaScript pour réduire davantage la taille):

<script type="text/javascript">

    //Some JavaScript code here to display map, etc.
    ...
    //Declare addMarker function
    function addMarker(latitude, longitude, title, description, map)
    {
        var latLng = new google.maps.LatLng(latitude, longitude);
        var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        var marker = new google.maps.Marker({
            position: latLng,
            title: title,
            map: map,
            draggable: false
        });

        google.maps.event.addListener(marker, 'click', function () {
            infowindow.open(map, marker);
        });
    }

    //Now add markers
    @foreach (var item in Model) {
        @:addMarker(@item.Latitude, @item.Longitude, '@item.Title', '@item.Description', map);
    }
</script>

Mis à jour le code ci-dessus pour faire l'appel à addMarker plus correct.

De préciser, les @: forces de Rasoir de retour en mode texte, même si addMarker appel ressemble beaucoup à du code C#. Rasoir ramasse alors la @item.Property syntaxe-à-dire qu'il devrait directement en sortie le contenu de ces propriétés.

Mise à jour 2

Il est intéressant de noter que Afficher le code n'est vraiment pas un bon endroit pour mettre du code JavaScript. Le code JavaScript doit être placé dans un statique .js fichier, et ensuite, il doit obtenir les données dont elle a besoin, soit à partir d'un appel Ajax ou par la numérisation data- attributs de HTML. En plus de rendre possible pour le cache de votre code JavaScript, cela permet aussi d'éviter des problèmes avec l'encodage, depuis Rasoir est conçu pour encoder au format HTML, mais pas JavaScript.

Afficher Le Code

@foreach(var item in Model)
{
    <div data-marker="@Json.Encode(item)"></div>
}

Code JavaScript

$('[data-marker]').each(function() {
    var markerData = $(this).data('marker');
    addMarker(markerData.Latitude, markerData.Longitude,
              markerData.Description, markerData.Title);
});

Vous essayez de confiture d'une cheville carrée dans un trou rond.

De rasoir a été conçu comme une génération de HTML langage de template. Vous pouvez très bien obtenir de générer un code JavaScript, mais il n'a pas été conçu pour cela.

Par exemple: Que faire si Model.Title contient une apostrophe? Que serait briser votre code JavaScript, et le Rasoir ne pourrons pas échapper correctement par défaut.

Il serait probablement plus approprié d'utiliser une Chaîne de générateur dans une fonction d'assistance. Il y aura probablement moins de conséquences inattendues de cette approche.

Qui fonctionnera très bien, tant que c'est dans un CSHTML page et pas un fichier JavaScript externe.

Le Rasoir modèle de moteur ne se soucie pas ce que c'est de la sortie et ne fait pas de distinction entre <script> ou d'autres balises.

Cependant, vous devez encoder vos chaînes pour empêcher XSS attaques.

Une chose à ajouter, j'ai trouvé que la syntaxe Razor hilighter (et probablement le compilateur) interpréter la position de l'ouverture du support de manière différente:

<script type="text/javascript">
    var somevar = new Array();

    @foreach (var item in items)
    {  //<----  placed on a separate line, NOT WORKING, HILIGHTS SYNTAX ERRORS
        <text>
        </text>
    }

    @foreach (var item in items) {  //<----  placed on the same line, WORKING !!!
        <text>
        </text>
    }
</script>

La solution suivante me paraît plus juste que de combiner JavaScript avec un Rasoir. Check this out:
https://github.com/brooklynDev/NGon

Vous pouvez ajouter presque n'importe quel complexe de données à ViewBag.Ngon et y accéder dans JavaScript

Dans le contrôleur:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var person = new Person { FirstName = "John", LastName = "Doe", Age = 30 };
        ViewBag.NGon.Person = person;
        return View();
    }
}

En JavaScript:

<script type="text/javascript">
    $(function () {
        $("#button").click(function () {
            var person = ngon.Person;
            var div = $("#output");
            div.html('');
            div.append("FirstName: " + person.FirstName);
            div.append(", LastName: " + person.LastName);
            div.append(", Age: " + person.Age);
        });
    });
</script>

Il permet à tout plain old CLR objets (Poco) qui peut être sérialisée en utilisant la valeur par défaut JavascriptSerializer.

Aucune de ces solutions ne fonctionne correctement... j'ai essayé toutes les façons, mais il ne me donne pas le résultat attendu... enfin j'ai trouvé qu'il y a quelques erreurs dans le code... Et le plein de code est donné ci-dessous.

<script type="text/javascript">

    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 10,
        center: new google.maps.LatLng(23.00, 90.00),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    @foreach (var item in Model)
    {
        <text>
            var markerlatLng = new google.maps.LatLng(@(item.LATITUDE), @(item.LONGITUDE));
            var title = '@(item.EMP_ID)';
            var description = '@(item.TIME)';
            var contentString = '<h3>' + "Employee " +title+ " was here at "+description+ '</h3>' + '<p>'+" "+ '</p>'

            var infowindow = new google.maps.InfoWindow({
                //content: contentString
            });

            var marker = new google.maps.Marker({
                position: markerlatLng,
                title: title,
                map: map,
                draggable: false,
                content: contentString
            });

            google.maps.event.addListener(marker, 'click', (function (marker) {
                return function () {
                    infowindow.setContent(marker.content);
                    infowindow.open(map, marker);
                }
            })(marker));
        </text>
    }
</script>