2016-12-27 7 views
-1

マーカーで地図を作成しようとしています。 しかし、以下のコードではマーカーが見えません。HTML Googleマップでマーカーが表示されない

<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>Google Maps - pygmaps </title> 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=visualization&sensor=true_or_false"></script> 
<script type="text/javascript"> 
    function initialize() { 
     var centerlatlng = new google.maps.LatLng(37.427000, -122.145000); 
     var myOptions = { 
      zoom: 16, 
      center: centerlatlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     var latlng = new google.maps.LatLng(37.427000, -122.145000); 
     var img = new google.maps.MarkerImage('C:\Python27\lib\site-packages\gmplot\markers\D8BFD8.png'); 
     var marker = new google.maps.Marker({ 
     title: "no implementation", 
     icon: img, 
     position: latlng 
     }); 
     marker.setMap(map); 

     var latlng = new google.maps.LatLng(37.428000, -122.146000); 
     var img = new google.maps.MarkerImage('C:\Python27\lib\site-packages\gmplot\markers\6495ED.png'); 
     var marker = new google.maps.Marker({ 
     title: "no implementation", 
     icon: img, 
     position: latlng 
     }); 
     marker.setMap(map); 

     var latlng = new google.maps.LatLng(37.429000, -122.144000); 
     var img = new google.maps.MarkerImage('C:\Python27\lib\site-packages\gmplot\markers\000000.png'); 
     var marker = new google.maps.Marker({ 
     title: "no implementation", 
     icon: img, 
     position: latlng 
     }); 
     marker.setMap(map); 

    } 
</script> 
</head> 
<body style="margin:0px; padding:0px;" onload="initialize()"> 
    <div id="map_canvas" style="width: 100%; height: 100%;"></div> 
</body> 
</html> 

例:C:\Python27\lib\site-packages\gmplot\markers\6495ED.pngが存在します。画像はありますが、画像は地図上に表示されません。誰も私はこの状況を修正する方法を言うことができますか?

+0

をマーカーアイコンの詳細を見つけることができます。 – geocodezip

答えて

関連する問題