Click here to Skip to main content
15,885,782 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
While opening the page in browser, google map is displayed however ZOOM automatically changed while toggling between Map and Satellite view.
HTML
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyBv_sXlOSAmvP-vQ4PGc7rKhwKJmUz2wv8&sensor=false"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.gmap.js"></script>
    <script type="text/javascript" src="js/jquery.ui.map.js"></script>
    <script type="text/javascript" src="js/jquery.ui.map.services.js"></script>

	<style type="text/css">
        body, html, #map_canvas
        {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
        }
    </style>
</head>
<body>
	<div id="map_canvas"></div>
</body>
</html>
<script type="text/javascript">
    $('#map_canvas').gmap({
        'center': '31.8426,120.6890',
        zoom: 14
    })
</script>

Please help.
Posted
Updated 10-Apr-14 17:42pm
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900