Converting google maps api v2 to v3 getting script error in main.js -
i converting code version 2 version 3. getting script error in http://maps.gstatic.com/intl/en_us/mapfiles/api-3/12/9/main.js code on page as
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&key=<%=strgk%>"></script> <script type="text/javascript"> function initialize() { var myoptions = { zoom: 7, maptypeid: google.maps.maptypeid.roadmap, center: "<%=strorig%>", 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 } } map = new google.maps.map(document.getelementbyid("map_canvas"), myoptions); directionsdisplay.setmap(map); directionsdisplay.setpanel(document.getelementbyid("directions")); google.maps.event.addlistener(directionsdisplay, "addoverlay", afterdir); google.maps.event.addlistener(directionsdisplay, "error", handleerrors); // geocoder = new gclientgeocoder(); geocoder = new google.maps.geocoder();
you using deprecated deprecated navigation control
in v3 divided separate zoom , pan controls. see documentation
try
function initialize() { var mapoptions = { zoom: 7, center: new google.maps.latlng(55.91913101970850, -4.650520), maptypeid: google.maps.maptypeid.roadmap, maptypecontrol: true, maptypecontroloptions: { style: google.maps.maptypecontrolstyle.horizontal_bar, position: google.maps.controlposition.bottom }, pancontrol: true, pancontroloptions: { position: google.maps.controlposition.top_right }, zoomcontrol: true, zoomcontroloptions: { //style: google.maps.zoomcontrolstyle.large, 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'), mapoptions); }