1) Карта Google инициализируется в одном месте, затем вы сообщаете ему другое. Итак, у вас есть 2 варианта:
a)Move the map instantiation into the geocode callback.
b)Initialize to the location you want. To do this you will need to read a bit more about how google maps works instead of just using their basic example.
2) Что касается приятного сообщения об ошибке вместо абразивного предупреждения, добавьте его в свой HTML.
<p id="errorMessage" style="display:none;">Sorry, couldn't find that address</p>
Затем отобразите его вместо предупреждения.
} else {
// alert("Geocode was not successful for the following reason: " + status);
document.getElementById('errorMessage').style.display = "block";
}
В последних версиях карт Google есть несколько хороших наложений, но в основном они охватывают местоположения и диапазоны областей на карте, а не общую текстовую информацию. Итак, вы видите, что вам нужно создать свой собственный интерфейс за пределами карты, на странице HTML выше или ниже ее. Если вы действительно хотите показать его поверх карты, вы можете установить следующие свойства css в div errorMessage:
#errorMessage {
position:absolute;
left: 50%;
top: 30%;
}