从数据库中读取经纬度，在google map 上进行标注（二）

来源：互联网发布：福冈软件银行鹰编辑：程序博客网时间：2024/04/20 01:15

前面的一篇博文中都已经把准备工作做好了，现在可以给google地图添加地图标注了。

我具体的就不废话了，直接给出代码吧！这样比较省事！

aspx代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>google map</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg"
             type="text/javascript"></script>
     <script type="text/javascript">
     //<![CDATA[

     function load() {
       if (GBrowserIsCompatible())
       {

        var map = new GMap2(document.getElementById("map")); //初始化一个地图实例
        map.addControl(new GLargeMapControl());//全能控件
        map.addControl(new GScaleControl());//比例尺
        map.addControl(new GMapTypeControl());//允许用户在地图类型之间切换
        map.setCenter(new GLatLng(39.72082,116.70195), 10); //设置地图中心的坐标,中国经纬度及放大倍数
        map.enableDoubleClickZoom();//双击可以放大
       }

         var jingdu= new Array();
         var weidu= new Array();
         var id=new Array();
         var num=new Array("01","01","03","04","05","06","07","08","09");
         var number=<%=number%>;
  <%
   for(int i=0;i<number;i++){
  %>
   jingdu.push(<%=ln[i]%>);
         weidu.push(<%=la[i]%>);
         id.push(<%=id[i] %>);
  <%
   }
  %>

标注完了之后的效果图：