谷歌地图市场弹出窗口 [英] google map market popup

查看:90
本文介绍了谷歌地图市场弹出窗口的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用谷歌地图,以下代码对我有用。



 <   html  >  
< head >
< script >
var geocoder;
var map;
function codeAddress(){
geocoder = new google.maps.Geocoder( );
var lat = ' ';
var lng = ' ';
var address = swaminaray nagar nizampura, VADODARA - 390020;
geocoder.geocode({' address':address}, function (结果,状态){
if (status == google.maps.GeocoderStatus.OK){
lat =结果[ 0 ]。geometry。 location .lat(); // 获取纬度
lng =结果[ 0 ] .geometry。 location .lng(); // 获取lng
map.setCenter(结果[ 0 ]。geometry。 location );
var marker = new google.maps.Marker({
map:map,
position:results [ 0 ]。geometry。 location
});
} else {
alert( Geocode因以下原因未成功: + status);
}
});



var latlng = new google。 maps.LatLng(lat,lng);
var myOptions = {
zoom: 8
center: latlng,
mapTypeId:google.maps.MapTypeId.ROADMAP
}
map = new google.maps。 Map document .getElementById( map_canvas),myOptions);
}


窗口 .onload = 功能 (){
codeAddress();
}
< / 脚本 >
< / head >
< body >
< script src = http://maps.google.com/maps/api/js?libraries=places®ion=uk&language=en&sensor=true > < / script >
< div id = map_canvas style = height:350px;宽度:900px;保证金:0.6em; >
< / div >
< / body >
< / html >



但是我想在标记上弹出一个弹出窗口,这样任何人都可以通过简单地点击这个标记来获取地址。(例如谷歌地图会在点击时显示这种类型的标记弹出窗口。)

解决方案

嗨检查这个给定的链接

点击此处查看您的绝对答案

I work with google map and this below code is working good for me.

<html>
<head>
  <script>
      var geocoder;
      var map;
      function codeAddress() {
          geocoder = new google.maps.Geocoder();
          var lat = '';
          var lng = '';
          var address = "swaminaray nagar nizampura, VADODARA - 390020";
          geocoder.geocode({ 'address': address }, function (results, status) {
              if (status == google.maps.GeocoderStatus.OK) {
                  lat = results[0].geometry.location.lat(); //getting the lat
                  lng = results[0].geometry.location.lng(); //getting the lng
                  map.setCenter(results[0].geometry.location);
                  var marker = new google.maps.Marker({
                      map: map,
                      position: results[0].geometry.location
                  });
              } else {
                  alert("Geocode was not successful for the following reason: " + status);
              }
          });
     
          

          var latlng = new google.maps.LatLng(lat, lng);
          var myOptions = {
              zoom: 8,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
          }
          map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      }


      window.onload = function () {
          codeAddress();
      }
</script>
</head>
<body>
    <script src="http://maps.google.com/maps/api/js?libraries=places®ion=uk&language=en&sensor=true"></script>
  <div id="map_canvas" style="height: 350px; width: 900px; margin: 0.6em;">
    </div>
</body>
</html>


But i want one popup on marker so any one can get address just by simple clicking on this marker. (eg google map display this type of marker popup on click.)

解决方案

hi check this given link
click here for your abslute answer


这篇关于谷歌地图市场弹出窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆