C# 如何从数据库在谷歌地图上添加位置（标记）。。？

我正在创建一个谷歌地图，以显示一个品牌在印度各地的商店位置

我已经在SQL server数据库中存储了完整的地址，包括纬度和经度

在这里，我可以从数据库中获取地址并显示在我的网页上，但我一直坚持在谷歌地图上映射地址

<script type="text/javascript">
    var infowindow = null;
    function initialize() {
        //var centerMap = new google.maps.LatLng(13.040547,80.230805);
        var centerMap = new google.maps.LatLng(12.264864, 77.937012);
        var myOptions = {
            zoom: 7,
            center: centerMap,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById("map"), myOptions);
        setMarkers(map, sites);
        infowindow = new google.maps.InfoWindow({ });
    }

    //var sites = '<%=TextBox1.Text%>'
    //alert(sites);
    //[
    //// ['Ambattur', 13.119438,80.148182, 4, 'Ambattur, Chennai, Tamil Nadu, India, 600031'],['Avadi', 13.124453,80.101662,   1, 'Avadi, Tamil Nadu, India, 600017'],  ['Jayanagar', 12.928945,77.590599, 1, 'Jayanagar, Bangalore, Karnataka, India,     560041'],['Indira Nagar', 12.973697,77.641325, 1, 'Indira Nagar, Bangalore, Karnataka, India, 560038'],['TamilNadu',     11.415418,78.662109, 1, 'TamilNadu, India, 600017']
    //];

    function setMarkers(map, markers) {
        for (var i = 0; i < markers.length; i++) {
            var sites = markers[i];
            var siteLatLng = new google.maps.LatLng(sites[1], sites[2]);
            var marker = new google.maps.Marker({
                position: siteLatLng,
                map: map,
                icon: new google.maps.MarkerImage(
                'Images/R.png ',
                null, null, new google.maps.Point(0, 42)),
                title: sites[0],
                zIndex: sites[3],
                html: sites[4]
            });

            google.maps.event.addListener(marker, "click", function () {
                infowindow.setContent(this.html);
                infowindow.open(map, this);
            });
        }
    }
</script>

在这里，我保留了一个文本框，以便用户输入他的州/城市/任何位置名称，并单击搜索按钮，然后我必须用标记器在地图上标记相应的商店位置

这是我的谷歌地图代码

<script type="text/javascript">
    var infowindow = null;
    function initialize() {
        //var centerMap = new google.maps.LatLng(13.040547,80.230805);
        var centerMap = new google.maps.LatLng(12.264864, 77.937012);
        var myOptions = {
            zoom: 7,
            center: centerMap,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById("map"), myOptions);
        setMarkers(map, sites);
        infowindow = new google.maps.InfoWindow({ });
    }

    //var sites = '<%=TextBox1.Text%>'
    //alert(sites);
    //[
    //// ['Ambattur', 13.119438,80.148182, 4, 'Ambattur, Chennai, Tamil Nadu, India, 600031'],['Avadi', 13.124453,80.101662,   1, 'Avadi, Tamil Nadu, India, 600017'],  ['Jayanagar', 12.928945,77.590599, 1, 'Jayanagar, Bangalore, Karnataka, India,     560041'],['Indira Nagar', 12.973697,77.641325, 1, 'Indira Nagar, Bangalore, Karnataka, India, 560038'],['TamilNadu',     11.415418,78.662109, 1, 'TamilNadu, India, 600017']
    //];

    function setMarkers(map, markers) {
        for (var i = 0; i < markers.length; i++) {
            var sites = markers[i];
            var siteLatLng = new google.maps.LatLng(sites[1], sites[2]);
            var marker = new google.maps.Marker({
                position: siteLatLng,
                map: map,
                icon: new google.maps.MarkerImage(
                'Images/R.png ',
                null, null, new google.maps.Point(0, 42)),
                title: sites[0],
                zIndex: sites[3],
                html: sites[4]
            });

            google.maps.event.addListener(marker, "click", function () {
                infowindow.setContent(this.html);
                infowindow.open(map, this);
            });
        }
    }
</script>

var infowindow=null；
函数初始化（）{
//var centerMap=new google.maps.LatLng（13.040547,80.230805）；
var centerMap=new google.maps.LatLng（12.264864,77.937012）；
变量myOptions={
缩放：7，
中心：中心地图，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（“map”），myOptions）；
设置标记（地图、地点）；
infowindow=newgoogle.maps.infowindow（{}）；
}
//变量站点=“”
//警报（站点）；
//[
////[Ambattur'，13.119438,80.148182,4'，Ambattur，钦奈，泰米尔纳德邦，印度，600031']，[Avadi'，13.124453,80.101662,1'，Avadi，泰米尔纳德邦，印度，600017']，[Jayanagar'，12.928945,77.590599,1'，Jayanagar，班加罗尔，卡纳塔克邦，印度，560041']，[Indira Nagar 12.973697,77.641325,1'，Indira Nagar，班加罗尔，印度，卡纳塔克邦，560038]，[“泰米尔纳德邦”，11.415418,78.662109,1，“泰米尔纳德邦，印度，600017']
//];
函数集合标记（映射、标记）{
对于（var i=0；i

在这里，我有一个可变的站点，这样我就可以在地图上标出我的位置

但这里我需要从数据库中映射它们

任何帮助都将不胜感激

谢谢

---

羞耻的阿里·沙伊克（ali shaik）

乍一看，你的代码似乎还不错。但这是我的代码，它对我来说非常好，可能会对你有所帮助

myLatlng=new google.maps.LatLng（32.54681317351514,15.1171875）

map=new google.maps.map（document.getElementById（“gmap”），{mapTypeId:google.maps.mapTypeId.ROADMAP，zoom:2，center:mylatng}）

古鲁帕兰·吉里萨兰

正如我在问题中所说的，我想在印度各地开设门店详细信息将存储在数据库中。。 现在，我可以得到商店的详细信息，并用你的代码在地图上标出他们的位置。。 早些时候，它对pincode工作良好，从这个意义上说，如果您在搜索框中提供pincode，它将检索相应的 商店详情

现在，根据我的代码，在我对你的博客文章的回复中，我只能在文本框中输入字符串值。这里我还需要为数值（pincode）实现它

这是我的更新面板和计时器点击事件的代码

protected void UpdatePanel1_Load(object sender, EventArgs e)
    {
        //Linq is used to load the table to the code
        DataClassesDataContext data = new DataClassesDataContext();

        //Select all from the table
        //List<addressmap> lst = (from u in data.addressmaps select u).ToList();
        List<addressmap> lst = (from u in data.addressmaps where u.StoreLocation == TxtSearch.Text || u.StoreCity == TxtSearch.Text || u.StoreState == TxtSearch.Text || u.StoreCountry == TxtSearch.Text select u).ToList();


        //add the table contents to the javascript array so that new locations will be loaded
        foreach (addressmap item in lst)
        {
            ScriptManager.RegisterArrayDeclaration(UpdatePanel1, "infoarray", "'" + item.StoreAddress.ToString() + "'");
            ScriptManager.RegisterArrayDeclaration(UpdatePanel1, "lonarray", item.StoreLongitude.ToString());
            ScriptManager.RegisterArrayDeclaration(UpdatePanel1, "latarray", item.StoreLatitude.ToString());
            ScriptManager.RegisterArrayDeclaration(UpdatePanel1, "bounce", item.StoreBounce.ToString());
        }
    }

    protected void Timer1_Tick(object sender, EventArgs e)
    {
        //update the update panel every 10 seconds
        UpdatePanel1.Update();
    }

受保护的void UpdatePanel1\u加载（对象发送方，事件参数e）
{
//Linq用于将表加载到代码中
DataClassesDataContext数据=新DataClassesDataContext（）；
//从表中选择“全部”
//List lst=（从data.addressmaps中的u选择u.ToList（）；
列表lst=（从data.addressmaps中的u开始，其中u.StoreLocation==TxtSearch.Text | | u.StoreCity==TxtSearch.Text | | u.StoreState==TxtSearch.Text选择u）。ToList（）；
//将表内容添加到javascript数组中，以便加载新位置
foreach（lst中的地址映射项）
{
ScriptManager.RegisterArrayDeclaration（UpdatePanel1，“infoarray”，“'”+item.StoreAddress.ToString（）+”）；
ScriptManager.RegisterArrayDeclaration（UpdatePanel1，“lonarray”，item.storeLength.ToString（））；
ScriptManager.RegisterArrayDeclaration（UpdatePanel1，“latarray”，item.StoreLatitude.ToString（））；
ScriptManager.RegisterArrayDeclaration（UpdatePanel1，“bounce”，item.StoreBounce.ToString（））；
}
}
受保护的无效计时器1_刻度（对象发送方，事件参数e）
{
//每10秒更新一次更新面板
UpdatePanel1.Update（）；
}

在select语句中，我还需要pincode

任何帮助都将感激不尽