zoukankan      html  css  js  c++  java
  • JS调用google地图

    JS调用goole地图,调用了http://ditu.google.com/maps/api/js?sensor=true,源码如下:

    <!--调用谷歌地图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       
    }            
    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>
     
    JS调用google地图,增加了所在位置的功能。
    <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>
  • 相关阅读:
    mysql外键(FOREIGNKEY)使用介绍
    MYSQL数据库-约束
    mysql探究之null与not null
    爬虫
    http://blog.csdn.net/w_e_i_/article/details/70766035
    Python 3.5安装 pymysql 模块
    Python 3.5 连接Mysql数据库(pymysql 方式)
    hdu Bone Collector
    hdu City Game
    hdu Largest Rectangle in a Histogram
  • 原文地址:https://www.cnblogs.com/chinaagan/p/2889251.html
Copyright © 2011-2022 走看看