javascript - 谷歌地图现在显示标记是我添加自定义图标

标签 javascript jquery google-maps google-maps-api-3 dom-events

我的代码如下。它现在正在工作,但如果我取消注释图标行(//icon: ' http://108.163.162.202:8080/finex/img/map_marker.png '),所有标记及其标题都不会显示。

我想在我的页面中添加自定义标记,但我的代码不允许。

请帮忙。

$(function() {
  
  var locations = [
      ['Jersey City', 40.7178746, -74.0718356],
      ['Bronx', 40.8504989, -73.84934,5 ],
      ['Union City', 40.7667435, -74.0303289],
      ['Queens', 40.651018, -73.871192],
      ['Ridgefield', 40.8256436, -74.0153092]
    ];

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 11,
      center: new google.maps.LatLng(40.7590615, -73.969231),
      mapTypeId: google.maps.MapTypeId.ROADMAP,
	  scrollwheel: false,
	   mapTypeControl: false,
	   scaleControl: false,
	   navigationControl: true,
	   draggable: false,
	   zoomControlOptions: {
		  style: google.maps.ZoomControlStyle.LARGE 
		},
	  

    });

    var infowindow = new google.maps.InfoWindow();

    var marker, i;

    for (i = 0; i < locations.length; i++) {  
      marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map,
		title: locations[i][0],
        //icon: 'http://108.163.162.202:8080/finex/img/map_marker.png',
      });

      google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
          infowindow.setContent(marker.title);
          infowindow.open(map, marker);
        }
      })(marker, i));
	 
	  
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>


<div style="height:300px;width:500px;" id="map"></div>

最佳答案

I did this in my project
<input type="hidden" value="http://108.163.162.202:8080" id="baseUrl" >
var baseUrl=$('#baseUrl').val(); 
 icon: new google.maps.MarkerImage( 
                    baseUrl+'images/marker-new.png',
                    null,
                    null,
                    // new google.maps.Point(0,0),
                    null,
                    new google.maps.Size(36, 36)
                ),

关于javascript - 谷歌地图现在显示标记是我添加自定义图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30116804/

相关文章:

Android:如何在 map View 上绘制?

javascript - 如何捕获由css大写的大写输入字母: text-transform:capitalize

javascript - 如何防止 awesomplete 破坏布局

javascript - 将 jQuery 翻译为 JavaScript

javascript - 如何检测正在拖动哪个div

html - Twitter Bootstrap 中的 Div 崩溃

ios - 如何停止 GMSMapView 渲染器?

javascript - GWT 编译的 JavaScript 是否经过混淆或仅缩小?

javascript - 具有客户端验证的自定义数据注释验证属性

jquery - MVC导出并下载csv文件