Javascript 使用谷歌地图、C#、ASP.net、SQL Server显示带有标记的地图。地图未显示

我知道与此相关的问题很多，但我的问题非常具体。我正在使用一篇在线文章中的一个例子。这是我的密码：

谷歌地图标记
函数初始化（）{
}

您似乎使用了排版单引号“”，而不是编程单引号“”

看

。。。
脚本类型='text/javascript'
…

document.getElementById（'mapArea'））
…

标题：““+reader[“City]”。ToString（）+“”

下面修改的代码可以工作

protected void Page_Load(object sender, EventArgs e)
{
    string markers = GetMarkers();
    Literal1.Text = @"
<script type='text/javascript'>
function initialize() {

var mapOptions = {
    center: new google.maps.LatLng(28.3213, 77.5435),
    zoom: 2,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var myMap = new google.maps.Map(document.getElementById('mapArea'),
    mapOptions);" + markers + 
@"
}
</script>";

}


protected string GetMarkers()
{
    string markers = "";

    float latitude = 28.3213f;
    float longitude = 77.5435f;

    for (var i = 0; i < 10; i++)
    {
        i++;
        markers +=
        @"var marker" + i.ToString() + @" = new google.maps.Marker({
        position: new google.maps.LatLng(" + (latitude + i).ToString() + ", " +
        (longitude + i).ToString() + ")," +
        @"map: myMap,
        title:'" + "City" + i.ToString() + "'});";
    }

    return markers;
}

受保护的无效页面加载（对象发送方，事件参数e）
{
string markers=GetMarkers（）；
Literal1.Text=@”
函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（28.3213,77.5435），
缩放：2，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var myMap=new google.maps.Map（document.getElementById（'mapArea'），
地图选项）；“+标记+
@"
}
";
}
受保护的字符串GetMarkers（）
{
字符串标记=”；
浮动纬度=28.3213f；
浮动经度=77.5435f；
对于（变量i=0；i<10；i++）
{
i++；
标记+=
@“var marker”+i.ToString（）++”=新的google.maps.marker({
位置：new google.maps.LatLng（“+（纬度+i）.ToString（）+”，“+
（经度+i）。ToString（）+”+
@“地图：我的地图，
标题：“+”城市“+i.ToString（）+”}）；”；
}
返回标记；
}

您似乎使用了排版单引号“”，而不是编程单引号“”

看

。。。
脚本类型='text/javascript'
…

document.getElementById（'mapArea'））
…

标题：““+reader[“City]”。ToString（）+“”

下面修改的代码可以工作

protected void Page_Load(object sender, EventArgs e)
{
    string markers = GetMarkers();
    Literal1.Text = @"
<script type='text/javascript'>
function initialize() {

var mapOptions = {
    center: new google.maps.LatLng(28.3213, 77.5435),
    zoom: 2,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var myMap = new google.maps.Map(document.getElementById('mapArea'),
    mapOptions);" + markers + 
@"
}
</script>";

}


protected string GetMarkers()
{
    string markers = "";

    float latitude = 28.3213f;
    float longitude = 77.5435f;

    for (var i = 0; i < 10; i++)
    {
        i++;
        markers +=
        @"var marker" + i.ToString() + @" = new google.maps.Marker({
        position: new google.maps.LatLng(" + (latitude + i).ToString() + ", " +
        (longitude + i).ToString() + ")," +
        @"map: myMap,
        title:'" + "City" + i.ToString() + "'});";
    }

    return markers;
}

受保护的无效页面加载（对象发送方，事件参数e）
{
string markers=GetMarkers（）；
Literal1.Text=@”
函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（28.3213,77.5435），
缩放：2，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var myMap=new google.maps.Map（document.getElementById（'mapArea'），
地图选项）；“+标记+
@"
}
";
}
受保护的字符串GetMarkers（）
{
字符串标记=”；
浮动纬度=28.3213f；
浮动经度=77.5435f；
对于（变量i=0；i<10；i++）
{
i++；
标记+=
@“var marker”+i.ToString（）++”=新的google.maps.marker({
位置：new google.maps.LatLng（“+（纬度+i）.ToString（）+”，“+
（经度+i）。ToString（）+”+
@“地图：我的地图，
标题：“+”城市“+i.ToString（）+”}）；”；
}
返回标记；
}

请编辑标题，简要描述您的问题。您只需将粘贴的整个标签复制到标题。请编辑标题以简要描述您的问题。你只需将粘贴的整个标签复制到标题上。难以置信。好眼力。非常感谢你的帮助！难以置信的好眼力。非常感谢你的帮助！