admin管理员组

文章数量:1289542

How do I put the place mark on google maps?

The code below shows only particular location but I want to add my custom place mark image on google maps.

<!DOCTYPE html>
<html>
<head>
<script
src=";sensor=false">
</script>

<script>
function initialize()
{

var mapProp = {
  center:new google.maps.LatLng(23.0300,72.5800),
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
 } 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>

</body>
</html>

How do I put the place mark on google maps?

The code below shows only particular location but I want to add my custom place mark image on google maps.

<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis./maps/api/js?key=MyKey&sensor=false">
</script>

<script>
function initialize()
{

var mapProp = {
  center:new google.maps.LatLng(23.0300,72.5800),
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
 } 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>

</body>
</html>
  • javascript
  • google-maps
Share Improve this question edited Sep 19, 2013 at 7:07 Antony 15.1k10 gold badges47 silver badges76 bronze badges asked Sep 19, 2013 at 7:03 GuruGuru 6191 gold badge4 silver badges12 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 5

Here is an example Google Maps Marker:

var myMarker = new google.maps.Marker({
position: new google.maps.LatLng(31.1287, -94.9594117), // Example Lat/Long
map: map, // references the map object you defined earlier
title: 'My custom Title', // a title that will appear on hover
    icon: 'images/googleMap/icon-star.gif' // Optional Marker Icon to use
});

You can find out more in the Google Map Docs at Google Maps: Simple Markers

Best of luck! :)

Try this:

<!DOCTYPE html>
    <html>
    <head>
    <script
    src="http://maps.googleapis./maps/api/js?key=MyKey&sensor=false">
    </script>

    <script>
    function initialize()
    {
    var mapPin = "/path/to/image.png";
    var Marker = new google.maps.Marker({
      position: new google.maps.LatLng(23.0300,72.5800),
      map: map,
      icon: mapPin
  });
    var mapProp = {
      center:new google.maps.LatLng(23.0300,72.5800),
      zoom:5,
      mapTypeId:google.maps.MapTypeId.ROADMAP
     } 
    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
    }

    google.maps.event.addDomListener(window, 'load', initialize);
    </script>
    </head>

    <body>
    <div id="googleMap" style="width:500px;height:380px;"></div>

    </body>
    </html>

本文标签： javascriptHow to put the place mark on google mapsStack Overflow

版权声明：本文标题：javascript - How to put the place mark on google maps? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741474302a2380789.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。