Javascript 无法插入地图
我找到了一个可以获取城市信息的代码。我如何用一个简单的映射来实现这一点？ 我只会在我的应用程序上看到此地图。该函数与在代码上编写的函数相同Javascript 无法插入地图,javascript,google-maps,reverse-geocoding,Javascript,Google Maps,Reverse Geocoding,我找到了一个可以获取城市信息的代码。我如何用一个简单的映射来实现这一点？ 我只会在我的应用程序上看到此地图。该函数与在代码上编写的函数相同 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <meta http-equiv="content-type" content="text/htm
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Reverse Geocoding</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
function successFunction(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
codeLatLng(lat, lng)
}
function errorFunction(){
alert("Geocoder failed");
}
function initialize() {
geocoder = new google.maps.Geocoder();
}
function codeLatLng(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);
geocoder.geocode({'latLng': latlng}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
console.log(results)
if (results[1]) {
//formatted address
alert(results[0].formatted_address)
//find country name
for (var i=0; i<results[0].address_components.length; i++) {
for (var b=0;b<results[0].address_components[i].types.length;b++) {
//there are different types that might hold a city admin_area_lvl_1 usually does in come cases looking for sublocality type will be more appropriate
if (results[0].address_components[i].types[b] == "administrative_area_level_1") {
//this is the object you are looking for
city= results[0].address_components[i];
break;
}
}
}
//city data
alert(city.short_name + " " + city.long_name)
} else {
alert("No results found");
}
} else {
alert("Geocoder failed due to: " + status);
}
});
}
</script>
</head>
<body onload="initialize()">
</body>
</html>
反向地理编码
var地理编码器；
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（successFunction，errorFunction）；
}
功能成功功能（位置）{
var lat=位置坐标纬度；
var lng=位置坐标经度；
codeLatLng（lat，lng）
}
函数errorFunction（）{
警报（“地理编码器失败”）；
}
函数初始化（）{
geocoder=新的google.maps.geocoder（）；
}
功能代码LATLNG（lat，lng）{
var latlng=新的google.maps.latlng（lat，lng）；
geocoder.geocode（{'latLng'：latLng}，函数（结果，状态）{
if（status==google.maps.GeocoderStatus.OK）{
console.log（结果）
如果（结果[1]）{
//格式化地址
警报（结果[0]。格式化的\u地址）
//查找国家名称
对于（var i=0；i如果您想要显示标记，请使用以下代码：
// options for display map
var mapOptions = {
zoom: 14,
center: new google.maps.LatLng(lat, long),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
// color and image point
var pinColor = "ECECEC";
var pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|" + pinColor,
pinShadow = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow";
// display map and marker
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(lat, long),
icon: pinImage,
shadow: pinShadow,
title: 'Point 1'
});
使用此链接中的代码
然后，您可以在新代码上复制您的函数CodeLatling并调用它。您可能需要添加一些您尝试过的示例以获得帮助。您可以随时更新您的问题。欢迎访问堆栈溢出，推荐阅读：如果不删除或修改上面的代码，如何实现Google地图？Google地图中没有地图e发布代码。你在询问什么地图？@geocodezip不在该代码中没有地图。我要求在此代码中添加地图。你尝试过这样做吗？遇到了什么问题？例如：//城市数据警报（city.short\u name+“”+city.long\u name）之后并将“Point 1”替换为您当前的姓名City我试图复制代码，但我遇到了相同的问题：（'06-10 16:43:10.216:E/qdutils（6016）：FBIOGET_FSCREENINFO失败“06-10 16:43:10.216:E/qdmemalloc（6016）：heap_msk=3000000标志=1”