asp.net谷歌地图api调用

wo13145219

浏览: 216094 次
性别:
来自: 江西

最近访客更多访客>>

damin

bugyun

ABAP_Brave

qxg1123

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript
html
ASP.NET

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>//在这里要注意js引入的先后顺序
    <link href="Mapjs/jquery.ui.base.css" rel="stylesheet" type="text/css" />
    <link href="Mapjs/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.9.1.js" type="text/javascript"></script>

    <script src="Mapjs/jquery.ui.core.js" type="text/javascript"></script>

    <script src="Mapjs/jquery.ui.widget.js" type="text/javascript"></script>

    <script src="Mapjs/jquery.ui.position.js" type="text/javascript"></script>

    <script src="Mapjs/jquery.ui.tooltip.js" type="text/javascript"></script>

    <link href="Mapjs/demos.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .photo
        {
            width: 300px;
            text-align: center;
        }
        .photo .ui-widget-header
        {
            margin: 1em 0;
        }
        .map
        {
            width: 350px;
            height: 350px;
        }
        .ui-tooltip
        {
            max-width: 350px;
        }
    </style>

    <script type="text/javascript">
   $(function () {
       $(document).tooltip({
           items: "img, [data-geo], [title]",
           content: function () {
               var element = $(this);
               if (element.is("[data-geo]")) {
                   var text = element.text();
                   return "<img class='map' alt='" + text +
"' src='http://maps.google.com/maps/api/staticmap?" +
"zoom=11&size=350x350&maptype=terrain&sensor=false&center=" +
text + "'>";
               }
               if (element.is("[title]")) {
                   return element.attr("title");
               }
               if (element.is("img")) {
                   return element.attr("alt");
               }
           }
       });


       $('#Button1').click(function () {
           $('#AName').text($('#Text1').val());
           $('#AName').attr('href', "http://maps.google.com/maps?q="+$('#Text1').val()+"&amp;z=11");
              
       })
       
   });
    </script>

</head>
<body>
    <div class="ui-widget photo">
        <div class="ui-widget-header ui-corner-all">
            <input id="Text1" type="text" value="China,上海" /><input id="Button1" type="button"
                value="设置" />
            <h3>
                <a href="http://maps.google.com/maps?q=China,上海&amp;z=11" data-geo id="AName">China,上海</a></h3>
        </div>
    </div>
</body>
</html>

分享到：

Jquery中使用某个关键字进行查询时，table ... | Ajax异步刷新和.net后台进行交互

2014-03-05 16:25
浏览 983
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

asp.net谷歌地图api调用

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

asp.net谷歌地图api调用

评论

发表评论

相关推荐

解决input type=password在浏览器会自动填充密码的问题

微信分享

web.config 为某个单独页面设置编码格式

json日期格式转换成日期字符串

C# http get请求 判断是否存在该图片信息

C# 将json转换成Datatable

html禁止清除input文本输入缓存

js 日历控件乱码问题

COTree公司组织结构树控件js特效

table合并列

jQuery.holdReady(hold)

$(document).ready()和window.onload区别

编写Jquery插件

Jquery中使用某个关键字进行查询时，table里面相关文字颜色变化

label标签的for属性

JS包含在HTML文件中正常，包含在ASPX文件中就报错

火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

HTTP 500 .19

COM 类工厂中 CLSID 为 {A86BB4D8-209D-40E1-87A6-7AA236094FAD} 的组件时失败，原因是出现以下错误: 800401

ASP.NET中url传递中文的解决方案,传递参数为汉字时出现乱码等问题

最近访客更多访客>>

C# http get请求判断是否存在该图片信息