福网空间站:提供万网域名、空间、美国空间、域名 福建网站制作中心提供一条龙网站建设 要就发IP网站限制访问系统,防止同行抄袭并保障海外客户访问不受影响
福网企业建站中心|上千企业网站风格 要就发外贸站,以外国人的视觉建设英文网站
福建网站建设、福建网页设计、福建网站制作 福网官方主机,新增美国主机|PHP网站建设
要就发网店系统适合个人网上开店,少投入大收益 福建福州美国域名注册、超大容量国内、国外空间
详细内容                            全国服务热线:13616088405
google map api 开发 google 地图弹出的infowidow是怎么做的

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script
            src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"
            type="text/javascript"></script>
        <script type="text/javascript">
            function load(){
                //检查浏览器的兼容性.
                if (GBrowserIsCompatible()){
                    //加载地图
                    var map=new GMap2(document.getElementById("map_canvas"));                    
                    //设置地图的中心坐标.
                    map.setCenter(new GLatLng(39.990168,116.295304),6);
                    //允许用户移动和缩放地图
                    map.addControl(new GSmallMapControl());  
                    //允许用户在地图类型之间切换
                    map.addControl(new GMapTypeControl()); 
                    // 以下是定义一些基本信息
                    // 阴影,阴影偏移,信息框偏移
                    var icon = new GIcon();
                    icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
                    icon.shadowSize = new GSize(21, 29);
                    icon.iconAnchor = new GPoint(10, 30);
                    icon.infoWindowAnchor = new GPoint(9, 5);
                    icon.infoShadowAnchor = new GPoint(9, 5);
                    
                    //在地图上标一个图标,点击就出现字
                    var html = "<s>这里是显示在信息框里的信息,支持HTML,已经加入了删除的格式</s>"; //这里是显示在信息框里的信息,支持HTML
                    icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png"; //定义图标,一定要PNG格式的
                    icon.iconSize = new GSize(21, 29); //图标的宽和高
                    var point = new GPoint(116.429114, 39.934322); //图标标在地图的哪里
                    
                    var marker = createMarker(point, icon ,html);
                    map.addOverlay(marker);
                    //标一个图标完毕
                    
                    //在地图上再标一个图标,点击就出现字,修改的方法如上
                    html = "<i>单纯的文字~</i>";
                    icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
                    icon.iconSize = new GSize(21, 29);
                    point = new GPoint(115.429424, 39.934322);
                    
                    marker = createMarker(point, icon ,html);
                    map.addOverlay(marker);
                    //标一个图标完毕,这段代码复制多少个,就有多少个图标,只要改改里面的东东就可以了
                    
                    //在地图上再标一个图标,点击就出现字,改的方法如上
                    html = "点击<a href='#' target='_self'>这里</a>,看看链接是怎么做出来的~";
                    icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
                    icon.iconSize = new GSize(21, 29);
                    point = new GPoint(114.429314, 39.934522);
                    
                    marker = createMarker(point, icon ,html);
                    map.addOverlay(marker);
                    //标一个图标完毕,这段代码复制多少个,就有多少个图标,只要改改里面的东东就可以了
                    
                    //在地图上再标一个图标,点击就出现字,改的方法如上
                    html = '<div ><font color="blue">这是单纯的文字显示~</font></div>';
                    icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
                    icon.iconSize = new GSize(21, 29);
                    point = new GPoint(112.429714, 39.934522);
                    
                    marker = createMarker(point, icon ,html);
                    map.addOverlay(marker);
                    //标一个图标完毕,这段代码复制多少个,就有多少个图标,只要改改里面的东东就可以了
                    
                    //最后一个图标将一开始显示下面的内容
                    defaultmsg = '<div><font color="red">这里是显示在信息框里的内容,支持HTML~</font></div>'; //这里是显示在信息框里的内容,支持HTML
                    marker.openInfoWindowHtml(defaultmsg);
                }
            }     
   
            function createMarker(point, baseIcon, html) {
                var icon = new GIcon(baseIcon);
                var marker = new GMarker(point, icon);
                
                GEvent.addListener(marker, "click", function() {
                    marker.openInfoWindowHtml(html);
                });
                
                return marker;
            }
    </script>
    </head>
    <body onload="load()" onunload="GUnload()">
        <!-- 地图画板 -->
        <div id="map_canvas" style="width:640px; height:480px"></div>
    </body>
</html>
这是v2版本的 以前做的  语法都一样 你自己建个Html格式看看  

发布日期:2018-4-1    浏览量:    
要就发IP网站限制访问系统,防止同行抄袭并保障海外客户访问不受影响
福建网站制作中心(http://www.001fj.com)承接个人、公司、企业的网站建设、网页设计、网店制作、独立商城制作、外贸网站制作,也承接同行介绍的业务,欢迎联系!
本站承接主要业务如下:
1、虚拟主机(网站空间),有独立国内服务器、美国服务器、万网服务器
2、域名注册,是万网的域名代理,域名提供万网的独立控制面板
3、网站建设:含FLASH制作、个人网店制作、企业建站、公司网站、新闻、下载等建设、论坛、博客网站搭建等,承接外贸英文站制作
4、采集、程序小偷程序制作:实现商品数据采集、文章、图片采集、让你的网站在短时间内拥有大量的数据,制作小偷程序,让你i轻松拥有大型网站而不需要发大量维护
5、网站推广、流量推广:百度竞价排名,流量推广提搞你网站流量促进百度排名,每月网站流量推广,让您网站最少时间受最多人的关注
联系电话:13616088405,联系QQ:535251856