- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
- <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
- <title>Google Maps JavaScript API v3 Example: Control Positioning</title>
- <link />
- <script type="text/javascript" src="<a href="http://maps.google.com/maps/api/js?sensor=false">http://maps.google.com/maps/api/js?sensor=false"></script>
- <script type="text/javascript">
- function initialize() {
- var myOptions = {
- zoom: 12,
- center: new google.maps.LatLng(-28.643387, 153.612224),
- mapTypeId: google.maps.MapTypeId.ROADMAP,
- mapTypeControl: true,
- mapTypeControlOptions: {
- style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
- position: google.maps.ControlPosition.BOTTOM
- },
- navigationControl: true,
- navigationControlOptions: {
- style: google.maps.NavigationControlStyle.ZOOM_PAN,
- position: google.maps.ControlPosition.TOP_RIGHT
- },
- scaleControl: true,
- scaleControlOptions: {
- position: google.maps.ControlPosition.TOP_LEFT
- }
- }
- var map = new google.maps.Map(document.getElementById("map_canvas"),
- myOptions);
- }
- </script>
- </head>
- <body onload="initialize()">
- <div id="map_canvas"></div>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/22112012594.html
来源: http://www.codesnippet.cn/detail/22112012594.html