Tech
News
Videos
Forums
Jobs
Books
Events
More
Interviews
Live
Learn
Training
Career
Members
Blogs
Challenges
Certification
Contribute
Article
Blog
Video
Ebook
Interview Question
Collapse
Feed
Dashboard
Wallet
Learn
Achievements
Network
Rewards
SharpGPT
Premium
Contribute
Article
Blog
Video
Ebook
Interview Question
Register
Login
Not Draggble Google Marker Map Function in Javascript
WhatsApp
Vijendra Singh
4y
5.9
k
0
2
25
Blog
Step 1:
Javascript function not dragable google marker map
<
html
>
<
head
>
<
script
src
=
"js/maps.js"
type
=
"text/javascript"
>
</
script
>
<
script
type
=
"text/javascript"
>
function load() {
if (GBrowserIsCompatible()) {
var
map
=
new
GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
var
center
=
new
GLatLng(28.550610, 77.270856);
map.setCenter(center, 14);
map.setMapType(); //type declate map/satlite/hybrid
geocoder
=
new
GClientGeocoder();
var
marker
=
new
GMarker(center);
map.addOverlay(marker);
document.getElementById("lat")
.value
=
center
.lat();
document.getElementById("lng")
.value
=
center
.lng();
geocoder
=
new
GClientGeocoder();
GEvent.addListener(marker, function() {
var
point
=
marker
.getPoint();
map.panTo(point);
document.getElementById("lat")
.value
=
point
.lat();
document.getElementById("lng")
.value
=
point
.lng();
});
GEvent.addListener(map, function() {
map.clearOverlays();
var
center
=
map
.getCenter();
var
marker
=
new
GMarker(center);
map.addOverlay(marker);
document.getElementById("lat")
.value
=
center
.lat();
document.getElementById("lng")
.value
=
center
.lng();
GEvent.addListener(marker, function() {
var
point
=
marker
.getPoint();
map.panTo(point);
document.getElementById("lat")
.value
=
point
.lat();
document.getElementById("lng")
.value
=
point
.lng();
});
});
}
}
function showAddress() {
var
num
=
document
.forms["form1"]["address"].value;
var
map
=
new
GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
if (geocoder) {
geocoder.getLatLng(
num,
function(point) {
if (!point) {
alert(num + " city not found !");
} else {
document.getElementById("lat")
.value
=
point
.lat();
document.getElementById("lng")
.value
=
point
.lng();
map.clearOverlays()
map.setCenter(point, 14);
var
marker
=
new
GMarker(point);
map.addOverlay(marker);
GEvent.addListener(marker, function() {
var
pt
=
marker
.getPoint();
map.panTo(pt);
document.getElementById("lat")
.value
=
pt
.lat();
document.getElementById("lng")
.value
=
pt
.lng();
});
GEvent.addListener(map, function() {
map.clearOverlays();
var
center
=
map
.getCenter();
var
marker
=
new
GMarker(center);
map.addOverlay(marker);
document.getElementById("lat")
.value
=
center
.lat();
document.getElementById("lng")
.value
=
center
.lng();
GEvent.addListener(marker, function() {
var
pt
=
marker
.getPoint();
map.panTo(pt);
document.getElementById("lat")
.value
=
pt
.lat();
document.getElementById("lng")
.value
=
pt
.lng();
});
});
}
}
);
}
}
</
script
>
</
head
>
<
body
onload
=
"load()"
onunload
=
"GUnload()"
>
<
form
id
=
"form1"
runat
=
"server"
>
<
script
type
=
"text/javascript"
language
=
"JavaScript"
>
<!--
var
message
=
""
;
function clickIE() { if (document.all) {
(message); return false; } }
function clickNS(e) {
if (document.layers || (document.getElementById && !document.all)) {
if (
e.which
== 2 ||
e.which
== 3) {
(message); return false; }
}
}
if (document.layers) { document.captureEvents(Event.MOUSEDOWN);
document.onmousedown
=
clickNS
; } else {
document.onmouseup
=
clickNS
;
document.oncontextmenu
=
clickIE
; }
document.oncontextmenu
=
new
Function("return false")
// --
>
</
script
>
<
div
align
=
"center"
id
=
"map"
style
=
"width: 674px; height: 300px;"
>
</
div
>
</
form
>
</
body
>
</
html
>
>
Step 2:
map.js file register
<script src=
"js/maps.js"
type=
"text/javascript"
></script>
function
GScript(src) {
document.write(
'<'
+
'script src="'
+ src +
'"'
+
' type="text/javascript"><'
+
'/script>'
);
}
function
GBrowserIsCompatible() {
return
true
;
}
function
GApiInit()
{
if
(GApiInit.called)
return
;
GApiInit.called =
true
;
window.GAddMessages && GAddMessages({
160: '\x3cH1\x3eServer Error\x3c/H1\x3eThe server encountered a temporary error
and could not complete your request.\x3cp\ x3ePlease
try
again
in
a minute or so.\x3c / p\ x3e ',
1415:
'.'
,
1416:
','
,
1547:
'mi'
,
1616:
'km'
,
4100:
'm'
,
4101:
'ft'
,
10018:
'Loading...'
,
10021:
'Zoom In'
,
10022:
'Zoom Out'
,
10024:
'Drag to zoom'
,
10029: 'Return to the
last result
', 10049: '
Map
', 10050: '
Satellite
', 10093: '
Terms of Use
', 10111: '
Map ',
10112:
'Sat'
,
10116:
'Hybrid'
,
10117:
'Hyb'
,
10120: 'We are sorry, but we don\x27t
have maps at
this
zoom level
for
this
region.\x3cp\ x3eTry zooming out
for
a broader
look.\x3c / p\ x3e
', 10121: '
We are sorry,
but we don\ x27t have imagery at
this
zoom
level
for
this
region.\x3cp\ x3eTry zooming out
for
a broader look.\x3c / p\ x3e ', 10507:
'Pan left'
,
10508:
'Pan right'
,
10509:
'Pan up'
,
10510:
'Pan down'
,
10511: 'Show
street map
', 10512: '
Show satellite imagery
', 10513: '
Show imagery
with
street names ',
10806:
'Click to see this area on Google Maps'
,
10807:
'Traffic'
,
10808:
'Show Traffic'
,
10809:
'Hide Traffic'
,
12150:
'%1$s on %2$s'
,
12151:
'%1$s on %2$s at %3$s'
,
12152:
'%1$s on %2$s between %3$s and %4$s'
,
10985:
'Zoom in'
,
10986:
'Zoom out'
,
11047:
'Center map here'
,
11089: '\x3ca href\x3d\x22javascript:
void
(0);\x22\x3eZoom In\x3c/a\x3e
to see traffic
for
this
region
', 11259: '
Full - screen
', 11751: '
Show street map
with
terrain
', 11752: '
Style:
', 11757: '
Change map style
', 11758: '
Terrain
', 11759: '
Ter ',
11794:
'Show labels'
,
11303:
'Street View Help'
,
11274: 'To use street view, you
need Adobe Flash Player version % 1 $d or newer.
', 11382: '
Get the latest Flash Player.
',
11314: 'We\x27re sorry, street view is currently unavailable due to high demand.\x3cbr\x3ePlease
try
again later!
', 1559: '
N
', 1560: '
S
', 1561: '
W
', 1562: '
E
', 1608: '
NW ', 1591:
'NE'
,
1605:
'SW'
,
1606:
'SE'
,
11907:
'This image is no longer available'
,
10041:
'Help'
,
12471:
'Current Location'
,
12492:
'Earth'
,
12823: 'Google has disabled usage
of the Maps API
for
this
application.See the Terms of Service
for
more information:
%
1 $s.
', 12822: '
http:
//code.google.com/apis/maps/terms.html', 12915: 'Improve the
map
', 12916: '
Google,
Europa Technologies
', 13171: '
Hybrid 3 D
', 0: '
' }); }
var
GLoad;
(
function
() {
GLoad =
function
(apiCallback) {
var
callee = arguments.callee;
GApiInit();
var
opts = {
export_legacy_names:
true
,
tile_override: [{
maptype: 0,
min_zoom:
"7"
,
max_zoom:
"7"
,
rect: [{
lo: {
lat_e7: 330000000,
lng_e7: 1246050000
},
hi: {
lat_e7: 386200000,
lng_e7: 1293600000
}
}, {
lo: {
lat_e7: 366500000,
lng_e7:
1297000000
},
hi: {
lat_e7: 386200000,
lng_e7: 1314843700
}
}],
uris: [
"http://mt0.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt1.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt2.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt3.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
]
}, {
maptype:
0,
min_zoom:
"8"
,
max_zoom:
"8"
,
rect: [{
lo: {
lat_e7: 330000000,
lng_e7: 1246050000
},
hi: {
lat_e7: 386200000,
lng_e7: 1279600000
}
}, {
lo: {
lat_e7: 345000000,
lng_e7:
1279600000
},
hi: {
lat_e7: 386200000,
lng_e7: 1286700000
}
}, {
lo: {
lat_e7: 354690000,
lng_e7: 1286700000
},
hi: {
lat_e7: 386200000,
lng_e7: 1314843700
}
}],
uris: [
"http://mt0.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt1.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt2.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt3.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
]
}, {
maptype:
0,
min_zoom:
"9"
,
max_zoom:
"9"
,
rect: [{
lo: {
lat_e7: 330000000,
lng_e7: 1246050000
},
hi: {
lat_e7: 386200000,
lng_e7: 1279600000
}
}, {
lo: {
lat_e7: 340000000,
lng_e7:
1279600000
},
hi: {
lat_e7: 386200000,
lng_e7: 1286700000
}
}, {
lo: {
lat_e7: 348900000,
lng_e7: 1286700000
},
hi: {
lat_e7: 386200000,
lng_e7: 1302000000
}
}, {
lo: {
lat_e7:
368300000,
lng_e7: 1302000000
},
hi: {
lat_e7: 386200000,
lng_e7: 1314843700
}
}],
uris: [
"http://mt0.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt1.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt2.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt3.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
]
}, {
maptype: 0,
min_zoom:
"10"
,
max_zoom:
"19"
,
rect: [{
lo: {
lat_e7: 329890840,
lng_e7: 1246055600
},
hi: {
lat_e7: 386930130,
lng_e7: 1284960940
}
}, {
lo: {
lat_e7:
344646740,
lng_e7: 1284960940
},
hi: {
lat_e7: 386930130,
lng_e7: 1288476560
}
},
{
lo: {
lat_e7: 350277470,
lng_e7: 1288476560
},
hi: {
lat_e7: 386930130,
lng_e7:
1310531620
}
}, {
lo: {
lat_e7: 370277730,
lng_e7: 1310531620
},
hi: {
lat_e7: 386930130,
lng_e7: 1314843700
}
}
],
uris: [
"http://mt0.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt1.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt2.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
,
"http://mt3.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
]
}, {
maptype:
3,
min_zoom:
"7"
,
max_zoom:
"7"
,
rect: [{
lo: {
lat_e7: 330000000,
lng_e7: 1246050000
},
hi: {
lat_e7: 386200000,
lng_e7: 1293600000
}
}, {
lo: {
lat_e7: 366500000,
lng_e7:
1297000000
},
hi: {
lat_e7: 386200000,
lng_e7: 1314843700
}
}],
uris: [
"http://mt0.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt1.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt2.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt3.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
]
}, {
maptype:
3,
min_zoom:
"8"
,
max_zoom:
"8"
,
rect: [{
lo: {
lat_e7: 330000000,
lng_e7: 1246050000
},
hi: {
lat_e7: 386200000,
lng_e7: 1279600000
}
}, {
lo: {
lat_e7: 345000000,
lng_e7:
1279600000
},
hi: {
lat_e7: 386200000,
lng_e7: 1286700000
}
}, {
lo: {
lat_e7: 354690000,
lng_e7: 1286700000
},
hi: {
lat_e7: 386200000,
lng_e7: 1314843700
}
}],
uris: [
"http://mt0.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt1.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt2.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt3.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
]
}, {
maptype:
3,
min_zoom:
"9"
,
max_zoom:
"9"
,
rect: [{
lo: {
lat_e7: 330000000,
lng_e7: 1246050000
},
hi: {
lat_e7: 386200000,
lng_e7: 1279600000
}
}, {
lo: {
lat_e7: 340000000,
lng_e7:
1279600000
},
hi: {
lat_e7: 386200000,
lng_e7: 1286700000
}
}, {
lo: {
lat_e7: 348900000,
lng_e7: 1286700000
},
hi: {
lat_e7: 386200000,
lng_e7: 1302000000
}
}, {
lo: {
lat_e7:
368300000,
lng_e7: 1302000000
},
hi: {
lat_e7: 386200000,
lng_e7: 1314843700
}
}],
uris: [
"http://mt0.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt1.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt2.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt3.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
]
}, {
maptype: 3,
min_zoom:
"10"
,
rect: [{
lo: {
lat_e7: 329890840,
lng_e7: 1246055600
},
hi: {
lat_e7: 386930130,
lng_e7: 1284960940
}
}, {
lo: {
lat_e7: 344646740,
lng_e7:
1284960940
},
hi: {
lat_e7: 386930130,
lng_e7: 1288476560
}
}, {
lo: {
lat_e7: 350277470,
lng_e7: 1288476560
},
hi: {
lat_e7: 386930130,
lng_e7: 1310531620
}
}, {
lo: {
lat_e7:
370277730,
lng_e7: 1310531620
},
hi: {
lat_e7: 386930130,
lng_e7: 1314843700
}
}],
uris: [
"http://mt0.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt1.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt2.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
,
"http://mt3.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
]
}],
jsmain:
"http://maps.gstatic.com/intl/en_ALL/mapfiles/400d/maps2.api/main.js"
,
obliques_urls:
[
"http://khm0.googleapis.com/kh?v=64\x26src=app\x26"
,
"http://khm1.googleapis.com/kh?v=64\x26src=app\x26"
],
token:
"1590487805"
,
jsmodule_base_url:
"http://maps.gstatic.com/intl/en_ALL/mapfiles/400d/maps2.api"
,
generic_tile_urls: [
"http://mt0.googleapis.com/vt?hl=en\x26src=api\x26"
,
"http://mt1.googleapis.com/vt?hl=en\x26src=api\x26"
],
ignore_auth:
false
,
sv_host:
"http://cbk0.google.com"
};
apiCallback([
"http://mt0.googleapis.com/vt/lyrs\x3dm@196000000\x26hl\x3den\x26src\x3dapi\x26"
,
"http://mt1.googleapis.com/vt/lyrs\x3dm@196000000\x26hl\x3den\x26src\x3dapi\x26"
],
[
"http://khm0.googleapis.com/kh/v\x3d120\x26src\x3dapp\x26"
,
"http://khm1.googleapis.com/kh/v\x3d120\x26src\x3dapp\x26"
],
[
"http://mt0.googleapis.com/vt/lyrs\x3dh@196000000\x26hl\x3den\x26src\x3dapi\x26"
,
"http://mt1.googleapis.com/vt/lyrs\x3dh@196000000\x26hl\x3den\x26src\x3dapi\x26"
],
""
,
""
,
""
,
true
,
"google.maps."
, opts, [
"http://mt0.googleapis.com/vt/lyrs\x3dt@129,r@196000000\x26hl\x3den\x26src\x3dapi\x26"
,
"http://mt1.googleapis.com/vt/lyrs\x3dt@129,r@196000000\x26hl\x3den\x26src\x3dapi\x26"
]);
if
(!callee.called) {
callee.called =
true
;
}
}
})();
function
GUnload() {
if
(window.GUnloadApi)
{
GUnloadApi();
}
}
var
_mIsRtl =
false
;
var
_mHost =
"http://maps.google.com"
;
var
_mUri =
"/maps"
;
var
_mDomain =
"google.com"
;
var
_mStaticPath =
"http://maps.gstatic.com/intl/en_ALL/mapfiles/"
;
var
_mJavascriptVersion = G_API_VERSION =
"400d"
;
var
_mTermsUrl =
"http://www.google.com/intl/en_ALL/help/terms_maps.html"
;
var
_mLocalSearchUrl =
"http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js"
;
var
_mHL =
"en"
;
var
_mGL =
""
;
var
_mTrafficEnableApi =
true
;
var
_mTrafficTileServerUrls
= [
"http://mt0.google.com/mapstt"
,
"http://mt1.google.com/mapstt"
,
"http://mt2.google.com/mapstt"
,
"http://mt3.google.com/mapstt"
];
var
_mCityblockLatestFlashUrl =
"http://maps.google.com/local_url?dq=&q=http://www.adobe.com/shockwave/download/download.cgi%3FP1_Prod_Version%3DShockwaveFlash&s=ANYYN7nf7Bnil-2aQPpooGehMQSeRyv0Tg"
;
var
_mCityblockFrogLogUsage =
false
;
var
_mCityblockInfowindowLogUsage =
false
;
var
_mCityblockUseSsl =
false
;
var
_mSatelliteToken =
"fzwq2gAgHBR1LnSaO7wjpXnSzu8CIc24-YDV_w"
;
var
_mMapCopy =
"Map data \x26#169;2012 "
;
var
_mSatelliteCopy = "Imagery \x26#169;2012
"; var _mGoogleCopy = "
\
x26 #169;2012 Google";
var
_mPreferMetric =
false
;
var
_mDirectionsEnableApi
=
true
;
var
_mLayersTileBaseUrls = [
'http://mt0.google.com/mapslt'
,
'http://mt1.google.com/mapslt'
,
'http://mt2.google.com/mapslt'
,
'http://mt3.google.com/mapslt'
];
var
_mLayersFeaturesBaseUrl
=
"http://mt0.google.com/vt/ft"
;
function
GLoadMapsScript() {
if
(!GLoadMapsScript.called
&&
GBrowserIsCompatible()) {
GLoadMapsScript.called =
true
;
GScript(
"http://maps.gstatic.com/intl/en_ALL/mapfiles/400d/maps2.api/main.js"
);
}
}(
function
() {
if
(!window.google) window.google = {};
if
(!window.google.maps)
window.google.maps = {};
var
ns = window.google.maps;
ns.BrowserIsCompatible = GBrowserIsCompatible;
ns.Unload = GUnload;
})();GLoadMapsScript();
Not Draggble Google Marker Map Function in Javascript
Up Next
Map - Key Value Pair In JavaScript
Ebook Download
View all
Voice of a Developer: JavaScript From Scratch
Read by 10.9k people
Download Now!
Learn
View all
Membership not found