zoukankan      html  css  js  c++  java
  • 腾讯地图之Marker

    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>Map</title>
        <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
        <script charset="utf-8" src="jquery-1.9.0.min.js"></script>
        <script>
    var init = function() {
        var map = new qq.maps.Map(document.getElementById('container'));
        var myLatLng = new qq.maps.LatLng(39.916527,116.397128);
        map.panTo(myLatLng);
    }
    
    $(function(){
     // var map=new qq.maps.Map($('#container')[0]);//$('#container')是一个jQuery对象 这里需要的是DOM元素
     //    var myLatLng = new qq.maps.LatLng(39.916527,116.397128);
     //    map.panTo(myLatLng);    
        var center = new qq.maps.LatLng(39.916527,116.397128);
        //第二种创建地图的方式
        var map = new qq.maps.Map($('#container')[0],{
            center: center,
            zoom: 13
        });
        var marker = new qq.maps.Marker({
            position: center,
            map: map
        });
        var info = new qq.maps.InfoWindow({
            map: map
        });
        qq.maps.event.addListener(marker, 'mouseover', function() {
            info.open();
            info.setContent('<div style="text-align:center;white-space:nowrap;'+
            'margin:10px;">hover标记</div>');
            info.setPosition(center);
        });
        qq.maps.event.addListener(marker, 'mouseout', function() {
            info.close();
        });     
    });
    
    
    
    </script>
    
    </head>
    <body>
        <div id="container" style="500px; height:300px"></div>
    </body>
    </html>
  • 相关阅读:
    scrapy-redis 分布式爬虫
    爬虫-框架-Scrapy
    MongoDB
    爬虫-请求库之-selenium
    通过位异或来交换a,b的值和通过中间变量交换a,b的值
    位运算
    sizeof运算符
    运算符和表达式(类型转换)
    为什么计算机存储的是二进制补码?
    各种进制的学习与转换
  • 原文地址:https://www.cnblogs.com/cart55free99/p/3535939.html
Copyright © 2011-2022 走看看