zoukankan      html  css  js  c++  java
  • Google Maps API3 之 Hello World

    <html xmlns="http://www.w3.org/1999/xhtml">

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

            <title>My first map</title>

     

            <style type="text/css">

                <!-- #map {

                    width: 100%;

                    height: 500px;

                    border: 1px solid #000;

                }

                -->

            </style>

     

            <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

            <script>

                window.onload = function() {

                    // Creating a reference to the mapDiv

                    var mapDiv = document.getElementById('map');

                    // Creating a latLng for the center of the map

                    var latlng = new google.maps.LatLng(39.92, 116.46);

                    // Creating an object literal containing the properties

                    // we want to pass to the map

                    var options = {

                        center: latlng,

                        zoom: 10,

                        mapTypeId: google.maps.MapTypeId.ROADMAP

                    };

                    // Creating the map

                    var map = new google.maps.Map(mapDiv, options);

                }

            </script>

        </head>

     

        <body>

            <h1>My first map</h1>

            <div id="map"></div>

        </body>

     

    </html>

     

  • 相关阅读:
    isteven-multi-select
    javascript学习之js对象和json对象(obj=JSON.parse(stu))
    jquery学习之路之元素类的切换toggle
    jquery学习之路之测验错题集
    jquery学习之路之核心函数
    jquery学习之路之选择过滤
    较完整的angularjs+bootstrap应用程序接口controller
    angularjs+requeirjs模块化的应用程序接口
    SIP协议参数详情
    SIP初步认识
  • 原文地址:https://www.cnblogs.com/my4piano/p/5326562.html
Copyright © 2011-2022 走看看