【gnavi】位置情報をブラウザから取得し初期位置に反映するPart2

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

<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>

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