澤田さんのご協力により位置情報を反映出来ました！

<script type="text/javascript">
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
function (pos) {
document.getElementById('lat').value = pos.coords.latitude;
document.getElementById('lng').value = pos.coords.longitude;
ShowGMap();
},
function (error) {
var message = "";
switch (error.code) {
case error.POSITION_UNAVAILABLE:
message = "位置情報の取得ができませんでした。";
break;
case error.PERMISSION_DENIED:
message = "位置情報取得の使用許可がされませんでした。";
break;
case error.PERMISSION_DENIED_TIMEOUT:
message = "位置情報取得中にタイムアウトしました。";
break;
}
window.alert(message);
}
);
} else {
window.alert("本ブラウザではGeolocationが使えません");
}
</script>

次は初期位置にマーカーを配置する！のだがうーむ

<script type="text/javascript">
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
function (pos) {
document.getElementById('lat').value = pos.coords.latitude;
document.getElementById('lng').value = pos.coords.longitude;
var startLatlng = new google.maps.LatLng(pos.coords.latitude,pos.coords.longitude);
ShowGMap();
// ユーザのマーカーアイコンを変更
var markerImage = new google.maps.MarkerImage(
	// 画像の場所
	"../../../../images/startposition.png",
	// マーカーのサイズ
	new google.maps.Size(20, 24),
	// 画像の基準位置
	new google.maps.Point(0, 0),
	// Anchorポイント
	new google.maps.Point(10, 24)
);
// 現在地のマーカー表示
var marker = new google.maps.Marker({
	map:map,
	draggable:false,
	animation: google.maps.Animation.DROP,
	position: startLatlng,
	title: "現在地",
	icon: markerImage
});
},
function (error) {
var message = "";
switch (error.code) {
case error.POSITION_UNAVAILABLE:
message = "位置情報の取得ができませんでした。";
break;
case error.PERMISSION_DENIED:
message = "位置情報取得の使用許可がされませんでした。";
break;
case error.PERMISSION_DENIED_TIMEOUT:
message = "位置情報取得中にタイムアウトしました。";
break;
}
window.alert(message);
}
);
} else {
window.alert("本ブラウザではGeolocationが使えません");
}
</script>

これに変更してみたができず。。。うーん