Uncaught syntax error handle?

Guest User

Hi Team

I am using Google Maps API using Javascript, some how my app is throwing this error 'Uncaught Syntax error handle. Could i be missing some javascript libraries to this view, please advice me and help mates.

@{
ViewBag.Title = "GoogleMaps";
Layout = null;
}
"viewport" content="width=device-width"/>
eNtsa Office Location
"dvMap" style="width: 500px; height: 500px">

"text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIz***">

"text/javascript">

var markers = @Html.Raw(ViewBag.Markers);// Uncaught syntax error handled

window.onload = function () {

var mapOptions = {

center: new google.maps.LatLng(markers[0].lat, markers[0].lng),

zoom: 8,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var infoWindow = new google.maps.InfoWindow();

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

for (i = 0; i < markers.length; i++) {

var data = markers[i]

var myLatlng = new google.maps.LatLng(data.lat, data.lng);

var marker = new google.maps.Marker({

position: myLatlng,

map: map,

title: data.title

});

(function (marker, data) {

google.maps.event.addListener(marker, "click", function (e) {

infoWindow.setContent(data.description);

infoWindow.open(map, marker);

});

})(marker, data);

}

11 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amit Mohanty6y ago
please check your latitude and longitude of the locations
Can you show the latitude and longitude of locations?
Guest User6y ago
Hi Amit

Thanks for the links, issue now the location is incorrect, its not poiting to the current location(SA, port elizabeth) its point far from afrca. See my screen shot.
Amit Mohanty6y ago
Hey, may these links helpful to you.

https://developers.google.com/maps/documentation/javascript/error-messages
https://stackoverflow.com/questions/37403731/this-page-didnt-load-google-maps-correctly-see-the-javascript-console-for-tech
Guest User6y ago
Hi Team

Please when i did the fix, my maps dont load well and dont know the reason see the image below;
Guest User6y ago
Amit

I end up seeing the issue

ViewBag.Markers = makers;

Before it was as follow;

ViewBag.Maker = makers;
Guest User6y ago
Still not it does not load, could this because im using straight mvc not razor?
Amit Mohanty6y ago
Use this
markers += "{";
markers += string.Format("'title': '{0}',", sdr["Name"]);
markers += string.Format("'lat': '{0}',", sdr["Latitute"]);
markers += string.Format(" 'lng': '{0}',", sdr["Longitute"]);
markers += string.Format("'description': '{0}'", sdr["Description"]);
markers += "},";
Guest User6y ago
I have remove the last description as well and inspect, the error still persist Amit.
Amit Mohanty6y ago
Hey in your code there are two "descriptions" declared.
Remove one or try below code
markers += "{";
markers += string.Format("'title': '{0}',", sdr["Name"]);
markers += string.Format("'lat': '{0}',", sdr["Latitute"]);
markers += string.Format(" 'lng': '{0}',", sdr["Longitute"]);
markers += string.Format("'description': '{0}',", sdr["Description"]);
markers += string.Format("'description': '{0}'", sdr["Description"]);
markers += "},";
Guest User6y ago
Hi Amit

Here is my logic for the controller class below;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Data.SqlClient;
using System.Configuration;

namespace eNtsaRegistrationTraining.Controllers
{
    public class MapsController : Controller
    {
        // GET: Maps
        public ActionResult GoogleMaps()
        {
            string markers = "[";
            string conString = ConfigurationManager.ConnectionStrings["eNtsaRegistration"].ConnectionString;
            SqlCommand cmd = new SqlCommand("SELECT * FROM Locations");
            using (SqlConnection con = new SqlConnection(conString))
            {
                cmd.Connection = con;
                con.Open();
                using(SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while(sdr.Read())
                    {
                        markers += "{";
                        markers += string.Format("'title': '{0}',", sdr["Name"]);
                        markers += string.Format("'lat:' '{0}',", sdr["Latitute"]);
                        markers += string.Format(" 'lng': '{0}',", sdr["Longitute"]);
                        markers += string.Format("'description': '{0}'", sdr["Description"]);
                        markers += string.Format("'description': '{0}'", sdr["Description"]);
                        markers += "},";

                    }
                }
                con.Close();
            }

            markers += "];";
            ViewBag.Makers = markers;

            return View();
        }
    }
}
Amit Mohanty6y ago
Can you show your controller code?