• 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>

  • 相关阅读:
    杭电2059
    杭电2058
    php错误大集合
    显示IP地址
    超简单好用的屏幕录像工具
    jquery“不再提醒"功能
    KindEditor编辑器中的class自动过滤了
    实用案例:切换面板同时切换内容
    仿51返利用户图解教程
    JavaScript调用dataTable并获取其值(ASP.Net,VS2005)
  • 原文地址:https://www.cnblogs.com/lhqsw/p/2957655.html
Copyright © 2020-2023  润新知