zoukankan      html  css  js  c++  java
  • js调用谷歌地图

    <script language="javascript" type="text/javascript"

    src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>

    <!--调用谷歌地图js,zoom缩放倍数,center中心,mapTypeId地图类型-->    
    <script type="text/javascript" src="http://ditu.google.com/maps/api/js?sensor=true"></script>    
    <script language="javascript">    
     var geocoder;    
      var map;    
      function initialize() {    
        geocoder = new google.maps.Geocoder();    
        var latlng = new google.maps.LatLng(39.9493, 116.3975);    
        var myOptions = {    
          zoom: 15,    
          center: latlng,    
          mapTypeId: google.maps.MapTypeId.ROADMAP    
        }    
        var address = remote_ip_info.country+remote_ip_info.province+remote_ip_info.city; 
     document.getElementById('add').innerHTML = "欢迎来自:"+address+"的朋友!";
       var img='http://avatar.csdn.net/B/9/A/1_youacai.jpg';  
     
        if (geocoder) {    
          geocoder.geocode( { 'address': address}, function(results, status) {    
            if (status == google.maps.GeocoderStatus.OK) {   
              map.setCenter(results[0].geometry.location);    
              var marker = new google.maps.Marker({    
                  map: map,     
                  position: results[0].geometry.location,    
                   title:'位置',  
                   icon:img  
            
              });   
       
            }     
          });    
        }    
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);    
      }   
         
      
        
      </script>   

    <body onload="initialize()">  
     <div id="add"  style=" height:26px;color:#F00;font-size: 18pt;"></div>
     
     <div id="map_canvas" style=" 580px; height: 480px;"></div>

  • 相关阅读:
    [转]java 常用弹出框
    [转]ImageIcon icon 相对路径设置
    [转]『基本ASCII表和c语言运算表查询』
    [转]sqlmap技术手册
    [转]linux下怎么查看ssh的用户登录日志
    [转]Kali-linux安装之后的简单设置
    查看任意程序所连接的ip地址
    JS 闭包
    JS 中的 继承
    JS 原型的 理解
  • 原文地址:https://www.cnblogs.com/lhqsw/p/2957655.html
Copyright © 2011-2022 走看看